Xüsusiyyət column-width

Xüsusiyyət column-width çoxsütunlu mətndə sütunların enini təyin edir. Xüsusiyyətin dəyəri faizlər istisna olmaqla, hər hansı ölçü vahidləri, ya da auto (standart) açar sözü ola bilər. auto dəyərində brauzer column-count və column-gap əsasında sütunların optimal enini özü təyin edir.

Sintaksis

cssselektor {
  column-width: dəyər;
}

Nümunə . Müəyyən edilmiş en

Bu nümunədə sütun eni column-width 150px kimi, onların sayı isə column-count auto dəyərində təyin edilib. Nəticədə sütunların eni 150px olacaq, onların sayı və aralarındakı məsafəni brauzer özü təyin edəcək:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

Nümunə . Auto dəyəri

Bu nümunədə mətn 3 sütuna bölünəcək (çünki column-width 3 dəyərindədir), onların eni isə avtomatik hesablanacaq:

html<div id="elem">
  some long text
</div>

css#elem {
  column-width: auto;
  column-count: 3;
  text-align: justify;
}

Результат:

Həmçinin bax