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.
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.