text-align Eienskap

Die eienskap text-align stel teksbelyning in: teen links, teen regs, in die middel, teen beide kante gelyktydig.

Sintaksis

cssselekteerder {
  text-align: center | left | right | justify | auto | start | end;
}

Waardes

Waarde Beskrywing
center Teks sal in die middel gebelyn word.
left Teks sal teen die linkerkant gebelyn word.
right Teks sal teen die regterkant gebelyn word.
justify Teks sal gelyktydig teen beide die regter- en linkerkant gebelyn word.
auto Verander nie die belyning van die element nie (standaardwaarde).
start Gelyk aan left as teks van links na regs vloei, en right, wanneer teks van regs na links vloei (Arabies, ens.).
end Gelyk aan right as teks van links na regs vloei, en left, wanneer teks van regs na links vloei.

Standaardwaarde: auto. In die meeste gevalle is teks standaard teen die linkerkant gebelyn (in Arabies - teen regs). Daar is egter uitsonderings, byvoorbeeld, teks in th sal in die middel gebelyn word.

Voorbeeld . Waarde left

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

Voorbeeld . Waarde right

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

Voorbeeld . Waarde center

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

Voorbeeld . Waarde justify

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат: