W CSS3, właściwość box-shadow pozwala na dodanie cienia do elementu, co może znacznie poprawić wygląd strony internetowej, dodając głębię i podkreślając określone elementy. Ta właściwość jest wszechstronna i pozwala na tworzenie różnych efektów wizualnych, od subtelnych cieni, przez imitację trójwymiarowości, aż po dynamiczne efekty interaktywne.
Właściwość bottom w CSS3 jest używana do określenia położenia dolnej krawędzi elementu. Jest szczególnie przydatna w kontekście pozycjonowania elementów, pozwalając na dokładne umiejscowienie ich na stronie. Właściwość bottom jest często stosowana razem z innymi właściwościami pozycjonowania, takimi jak position, top, left i right, aby uzyskać żądany układ strony.
Właściwość text-justify w CSS3 jest używana do określenia, jak tekst powinien być justowany, czyli wyrównany w bloku tekstu. Pozwala na bardziej zaawansowane sterowanie sposobem, w jaki przestrzenie są rozdzielane między słowami lub literami w tekście, aby zapewnić bardziej jednolity i estetyczny wygląd tekstu.
Właściwość CSS border-collapse jest stosowana do tabel i ma kluczowe znaczenie dla wizualnego aspektu prezentacji danych tabelarycznych w stronach internetowych. Pozwala ona na określenie, czy ramki komórek tabeli mają być wyświetlane jako oddzielne ramki czy też mają być scalone w jedną ciągłą ramkę.
Właściwość object-fit w CSS3 pozwala kontrolować sposób, w jaki zawartość multimedialna, tak jak obrazy czy filmy, są dopasowywane do kontenera, w którym się znajdują, bez konieczności zmiany ich proporcji. Dzięki object-fit, można łatwo i efektywnie zarządzać skalowaniem i pozycjonowaniem mediów w ramach elementów HTML, co jest szczególnie przydatne w responsywnym designie stron internetowych.
Właściwość font-family w CSS3 jest jednym z podstawowych narzędzi używanych do określania czcionek tekstów na stronach internetowych. Umożliwia ona webmasterom i projektantom stron internetowych precyzyjne określenie, jakiego rodzaju czcionka ma być użyta do wyświetlania tekstu na stronie. Dzięki temu można nie tylko poprawić estetykę strony, ale także jej czytelność i dostępność.
Właściwość text-transform w CSS3 służy do zmiany wielkości liter tekstu w elementach HTML. Jest to potężne narzędzie, które pozwala na estetyczne modyfikacje tekstu bez konieczności zmiany oryginalnego tekstu w kodzie HTML. Możemy dzięki niemu kontrolować wyświetlanie tekstu, przekształcając go na wielkie litery, małe litery lub kapitaliki.
CSS3 wprowadza wiele nowych możliwości stylizacji, w tym bardzo elastyczną właściwość border-image, która umożliwia użycie obrazu jako ramki dla elementów HTML. Dzięki border-image można tworzyć zaawansowane, atrakcyjne wizualnie ramki, które są zdecydowanie bardziej złożone niż standardowe ramki definiowane przez border-style. Przykład użycia border-image W poniższym przykładzie pokażemy, jak zastosować border-image do stworzenia ramki wokół elementu
Właściwość block-size w CSS3 jest stosunkowo nowym dodatkiem do specyfikacji CSS, który pozwala deweloperom na precyzyjne kontrolowanie rozmiaru elementów blokowych w kierunku blokowym (pionowym dla większości języków pisanych w poziomie, jak angielski). Jest to szczególnie przydatne w nowoczesnych układach stron internetowych, gdzie responsywność i elastyczność są kluczowe.
Właściwość background-size w CSS3 umożliwia kontrolę nad rozmiarem obrazów tła elementów HTML. Pozwala na dostosowanie obrazu tła tak, aby pasował do różnych wymiarów kontenera, co jest szczególnie przydatne w responsywnych projektach webowych. Można ustawić rozmiar tła, aby pokrywało cały element, dopasowywało się do niego zachowując proporcje, lub miało określone wymiary w jednostkach absolutnych lub względnych.
W CSS3, właściwość text-indent służy do ustalania wcięcia pierwszej linii tekstu w elemencie blokowym. Jest to przydatne narzędzie do stylistycznej prezentacji tekstów na stronach internetowych, szczególnie przydatne w artykułach, postach na blogach, czy przy tworzeniu dokumentów, gdzie tradycyjnie stosuje się wcięcia akapitów.
Właściwość background-repeat w CSS3 pozwala kontrolować, jak tło (obrazek lub kolor) jest powtarzany w elementach HTML. Dzięki tej właściwości możemy zdecydować, czy tło ma się powtarzać w poziomie, pionie, obu kierunkach, czy wcale. Jest to przydatne narzędzie, gdy chcemy stworzyć ciekawe efekty wizualne na naszej stronie internetowej, kontrolując wyświetlanie tła.
Właściwość background-image w CSS3 umożliwia dodanie obrazu tła do elementu HTML, co pozwala na tworzenie bardziej zaawansowanych i estetycznie przyjemnych projektów stron internetowych. Może być wykorzystana do dodawania pojedynczych lub wielu obrazów tła, ustawiania ich pozycji, rozmiaru, a nawet powtarzania w określonym wzorze. Dzięki temu twórcy stron mogą osiągnąć wyjątkowe efekty wizualne, które wzbogacają użytkownika
W CSS3, właściwość background-clip określa, jak tło elementu (kolor lub obraz) powinno być obcinane. Pozwala to na precyzyjne kontrolowanie obszaru, w którym tło elementu jest widoczne. Domyślnie tło rozciąga się pod obramowania (borders), ale z background-clip możemy zmienić to zachowanie, ograniczając tło do obszaru zawartości (content), wewnętrznego pola (padding) lub nawet pozostawiając je pod obramowaniem.
W CSS3 właściwość background-position pozwala na precyzyjne umiejscowienie tła wewnątrz elementu HTML. Jest to szczególnie użyteczne, gdy chcemy, aby obraz tła zajmował konkretną pozycję bez konieczności manipulowania całym elementem. Background-position wspiera różne wartości, takie jak piksele (px), procenty (%) oraz słowa kluczowe (np. top, center, bottom dla pionu i left, center, right dla poziomu), co