Capitolul 3: Introducere în CSSUnități de Direcție
Anumite proprietăți au nevoie să definești o anumită direcție. Uneori direcția nu apare ca valoare, ci apare în numele proprietății.
De exemplu, la setarea unui border pe o singură latură.
În mod tradițional, se folosește o direcție absolută: top
, bottom
, left
, right
.
Însă în web-ul modern, este mai indicat să folosim direcții generice. Atunci când site-ul nostru va trebui să suporte sisteme de scriere în alte direcții, design-ul se va adapta ușor.
Majoritatea limbilor Europene folosesc sistem de scriere de la stânga la dreapta, dar în afara Europei pot exista sisteme de la dreapta spre stânga, precum limbajul arab. În acest caz, practica este de a avea același design, dar în oglindă.
Chiar și atunci când știi sigur că site-ul tău nu va fi tradus în asemenea limbi, direcțiile generice te ajută să rotești elementele ușor, sau să setezi două direcții simultan (sus și jos, sau stânga și dreapta).
Direcție generică | Direcții absolute în sistemul de scriere stânga-dreapta |
---|---|
block | top + bottom |
block-start | top |
block-end | bottom |
inline | left + right |
inline-start | left |
inline-end | right |