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;
}

Результат:

Տես նաև