Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Jednostki w arkuszach stylów

Właściwości arkuszy stylów obsługują szeroki zakres jednostek, które zaprezentowane są w poniższej tabeli.

Jednostka Opis
px Piksel jest najmniejszą adresowalną jednostką na ekranie komputera i w innych urządzeniach.
pt Punkty są standardową jednostką, w której podaje się wielkość czcionek. Wielkość tekstu o ustalonym rozmiarze w punktach może być różna zależnie od rozdzielczości monitora. Jeden punkt jest równy 0,35mm.
ex Wysokość małej litery x w bieżącej czcionce (tzw. x-height), np. 1,5ex.
em Wielokrotność rozmiaru czcionki bieżącego elementu: 1em odpowiada wartości font-size, więc 1,5em to 150% rozmiaru czcionki.
% Procent wartości obiektu zawierającego (np. 150%).

Aktualizacja: współczesny CSS ma też m.in. jednostkę rem (wielokrotność rozmiaru czcionki elementu głównego strony) oraz jednostki okna vw i vh (1vw to 1% szerokości, a 1vh to 1% wysokości okna przeglądarki). To dziś podstawa projektów responsywnych.

Spodobało się?

Jeśli tak, to zarejestruj się do newslettera aby otrzymywać informacje nowych artykułach oraz akcjach edukacyjnych. Gwarantuję 100% satysfakcji i żadnego spamowania!

, , ,

Dodaj komentarz

Odpowiedz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Pin It on Pinterest