Column-rule hossasy

column-rule hossasy köp sütünli tekstdäki sütünler arasynda çägä bellenýär. Gabul edilýän bahalar boýunça border hossasy bilen gabat gelýär.

Mysal . Solid görnüşi

Bu mysalda tekst 3 sütüne bölüner, sütünler arasyndaky çägler bolsa 1px galyňlykdaky doly çyzyk görnüşinde bolar (sütünler arasyndaky aralyk awtomatiki dörediler, sebäbi column-gap hossasy normal bahasynda bellenen):

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

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

Результат:

Mysal . Column-gap täsiri

Bu mysalda tekst 3 sütüne bölüner, olaryň arasyndaky aralyk 50px bolar. Çäg bolsa aralygyň ortasyndan geçer (çägiň sagynda we çepinde 25px aralyk bolar):

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

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

Результат:

Şeýle-de görüň