Column-count сипаттамасы

column-count сипаттамасы көп бағанды мәтіндегі бағандардың ұсынылатын санын белгілейді. Олардың нақты саны белгіленген саннан ерекшеленуі мүмкін, бұл бағанның ені мен олардың арасындағы арақашықтықтың өлшеміне байланысты.

Синтаксис

cssселектор {
  column-count: сан | auto;
}

Мәндері

Әдепкі мәні: auto.

Мысал

Бұл мысалда мәтін 3 бағанға бөлінеді (әрине, көпбағандылықты қолдайтын браузерлерде, ал қалғандарында бір бағандағы жай мәтін болады):

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

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

Результат:

Мысал . Auto мәні

Бұл мысалда бағанның ені column-width 150px деп көрсетілген, ал олардың саны column-count auto мәніне орнатылған - браузер бағандардың қажетті санын және олардың арасындағы арақашықтықты өзі таңдайды:

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

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

Результат:

Сондай-ақ қараңыз