text-align касиети

text-align касиети текстти тегиздейт: сол жакка, оң жакка, борборго, сол жана оң жактарына бир убакта.

Синтаксис

cssселектор {
  text-align: center | left | right | justify | auto | start | end;
}

Маанилери

Маани Сүрөттөмө
center Текст борборго тегизделет.
left Текст сол жакка тегизделет.
right Текст оң жакка тегизделет.
justify Текст оң жана сол жактарына бир убакта тегизделет.
auto Элементтин тегиздөөсүн өзгөртпөйт (демейки маани).
start leftга барабар, эгер текст солдон оңго карай жатса, жана rightга, текст оңдон солго карай жатканда (араб тили ж.б.).
end rightга барабар, эгер текст солдон оңго карай жатса жана leftга, текст оңдон солго карай жатканда.

Демейки маани: auto. Көпчүлүк учурларда демейки текст сол жакка тегизделген (араб тилинде - оң жакка). Бирок, кээ бир учурлар бар, мисалы, th ичиндеги текст борборго тегизделет.

Мисал . left мааниси

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

Результат:

Мисал . right мааниси

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

Результат:

Мисал . center мааниси

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

Результат:

Мисал . justify мааниси

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

Результат: