W CSS3 właściwość text-shadow pozwala na dodanie cienia do tekstu, co jest potężnym narzędziem do tworzenia efektów tekstowych w projektowaniu stron internetowych. Dzięki tej właściwości można dodać głębi, trójwymiarowości, a nawet stworzyć iluzję oświetlenia tekstu. text-shadow umożliwia definiowanie wielu cieni przez oddzielenie ich przecinkami, co pozwala na tworzenie złożonych i subtelnych efektów wizualnych.
W świecie CSS, właściwość box-sizing jest kluczowym elementem, który pozwala deweloperom na lepsze zarządzanie i kontrolowanie layoutu strony. Przed wprowadzeniem CSS3 i właściwości box-sizing, szerokość i wysokość elementów były czasami trudne do przewidzenia, zwłaszcza gdy dodawano wewnętrzne odstępy (padding) oraz obramowania (border). Właściwość box-sizing pozwala określić, w jaki sposób szerokość i wysokość elementów są obliczane,
W CSS3, właściwość column-span jest używana do kontrolowania rozpiętości elementu przez wiele kolumn w układzie wielokolumnowym. Jest to szczególnie przydatne w projektowaniu responsywnych układów stron, gdzie treść może być dynamicznie rozmieszczona w jednej lub wielu kolumnach w zależności od szerokości ekranu. Właściwość column-span umożliwia elementowi, takiemu jak nagłówek lub blok cytatu, rozciągnięcie się przez wszystkie
Właściwość background-origin w CSS3 określa, skąd ma rozpoczynać się rysowanie tła elementu. Pozwala to na precyzyjne kontrolowanie umiejscowienia obrazów tła względem obszaru elementu, na którym są stosowane. CSS3 oferuje trzy możliwe wartości dla tej właściwości: border-box, padding-box oraz content-box, które pozwalają na różne sposoby umiejscowienia tła w kontekście modelu pudełkowego CSS.
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.