Introducere în Web Development

Capitolul 3: Introducere în CSS
Unităț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ă.

Sistem de scriere stânga-dreapta

Sistem de scriere Dreapta-Stânga

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
blocktop + bottom
block-starttop
block-endbottom
inlineleft + right
inline-startleft
inline-endright
Designed by