Przejdź do treści

Jednostki

Długość

Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest opcjonalna. Należy pamiętać, że nie każdy parametr może przyjąć wartość ujemną!

Są dwa typy jednostek długości: względne (relatywne) i bezwzględne (absolutne). Jednostki względne podają długość w odniesieniu do innego rozmiaru.

Jednostki względne:

  • em - wysokość aktualnej czcionki
  • ex - wysokość litery "x", czyli małej litery (w aktualnej czcionce)

Względne jednostki długości stosujemy, gdy chcemy się odwołać do rozmiaru innego elementu (np. wysokości aktualnie używanej czcionki).

Jednostki bezwzględne są użyteczne tylko wtedy, gdy fizyczne własności medium wyjściowego (np. monitor) są znane. Należy ich używać zawsze wtedy, gdy zależy nam, aby wybrany element zajmował zawsze taki sam obszar na ekranie, niezależnie od rozdzielczości i wielkości monitora. Choć rozdzielczość może się zmienić, to jeśli element taki miał wymiar np. 10cm, to tak pozostanie również w nowej rozdzielczości.

Jednostki bezwzględne:

  • in - cale (1in = 2.54cm)
  • cm - centymetry
  • mm - milimetry
  • pt - punkty (1pt = 1/72in) - często używane przy definiowaniu rozmiaru czcionki w edytorach tekstu
  • pc - pika (1pc = 12pt)
  • px - piksele (1px = 0.75pt)
Porównanie jednostek długości
Jednostki względne
5em (czcionka 10px) wys. czcionki
 
5ex (czcionka 10px) wys. małej litery
 
Jednostki bezwzględne
1in cale
 
1cm centymetry
 
10mm milimetry
 
30pt punkty
 
3pc pika
 
50px piksele
 

Dotacje

Pomogła Ci ta strona? Chcesz, aby dalej się rozwijała?
Dotpay - Bezpieczne transakcje internetowePayPalWpłać dobrowolną dotację...