Свойство column-count
Свойство column-count мультиколумнли матн учун тавсия этилган
колонкалар сонини белгилайди.
Уларнинг ҳақиқий сони белгиланган сондан
фарқ қилиши мумкин, бу колонканинг энига
ва улар ўртасидаги бўшлиқ ҳажмига боғлиқ.
Синтаксис
селектор {
column-count: сон | auto;
}
Қийматлар
| Қиймат | Изох |
|---|---|
| сон | Белгиланган колонкалар сонини белгилайди. Аниқроги, браузерга ушбу колонкалар сонидан фойдаланишни тавсия этади, чунки уларнинг ҳақиқий сони белгиланган сондан фарқ қилиши мумкин, бу колонканинг энига ва улар ўртасидаги бўшлиқ ҳажмига боғлиқ. |
auto |
Браузер ўзи колонкаларнинг оптимал сонини танлайди. |
Стандарт қиймат: auto.
Мисол
Бу мисолда матн 3
колонкага бўлинади (албатта, мультиколумнлиликни
қўллаган браузерларда, қолганларида
бир колонкали оддий матн бўлади):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Мисол . Auto қиймати
Бу мисолда колонканинг эни column-width
150px деб белгиланган, уларнинг сони column-count
эса auto қийматида - браузер ўзи
зарур колонкалар сонини ва улар
ўртасидаги бўшлиқни танлайди:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Қаранг
-
column-widthсвойстваси,
колонканинг энини белгилайди -
column-gapсвойстваси,
колонкалар ўртасидаги бўшлиқни белгилайди -
column-ruleсвойстваси,
колонкалар ўртасидаги чегарани белгилайди -
column-spanсвойстваси,
элемент қанча устуңга тарқалиши кераклигини белгилайди -
columnsсвойстваси,
мультиколумнлилик учун қисқартирилган свойства хисобланади