Cauta rapid aici ↑

CSS 3 TEXT - COLOANE MULTIPLE

Standardul CSS 3 ne permite sa aplicam un alt efect pe text si prin asta putem face ca textul nostru sa fie afisat in browser pe mai multe coloane, de o anumita latime si separate de o linie verticala. Pentru a realiza toate acestea vom avea nevoie de urmatoarele proprietatii:

  • column-count
  • column-gap
  • column-rule

Proprietatea column-count

Rolul acestei proprietatii este de a impartii textul intr-un anumit numar de coloane si dupa cum v-ati dat seama valorile pentru aceasta proprietate sunt exprimate doar in cifre.

Proprietatea column-gap

Aceasta proprietate are ca scop setarea latimii coloanei iar valorile pot fi exprimate in procente sau pixeli. Aceasta proprietate nu va avea efect daca nu este declarata mai intai proprietatea column-count.

Proprietatea column-rule

Singurul scop al acestei proprietatii este de a seta o linie verticala intre coloanele de text afectat de proprietatile de mai sus. Valorile pentru aceasta proprietate sunt la fel ca si la proprietatea border. Tipul liniei, culoarea liniei si grosimea liniei.