Column-rule қасиеті

column-rule қасиеті көп бағанды мәтіндегі бағандар арасындағы шекараны белгілейді. Қабылданатын мәндер бойынша border қасиетімен сәйкес келеді.

Мысал . Solid түрі

Бұл мысалда мәтін 3 бағанға бөлінеді, бағандар арасындағы шекаралар 1px қалыңдығында үздіксіз сызық түрінде болады (бағандар арасындағы қашықтық автоматты түрде қалыптасады, өйткені column-gap normal мәніне орнатылған):

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

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: normal;
  text-align: justify;
}

Результат:

Мысал . Column-gap әсері

Бұл мысалда мәтін 3 бағанға бөлінеді, олардың арасындағы қашықтық 50px болады. Шекара бұл ретте аралықтың ортасынан өтеді (шекараның оң жағында және сол жағында 25px болады):

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

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: 50px;
  text-align: justify;
}

Результат:

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