CSS column-rule-width Atrubuto

Paglalarawan at paggamit

Ang columnRuleWidth attribute ay nagtutukoy ng patakaran ng lapad sa pagitan ng mga kolum.

Pangkatulad:

Tuturuan ng CSS3:CSS3 多列

Manwal ng HTML DOM:columnRuleWidth attribute

Halimbawa

Tinutukoy ang patakaran ng kulay sa pagitan ng mga kolum:

div {
  column-rule-width: 10px;
}

Subukan nang sarili

May higit pang halimbawa sa ibaba ng pahina.

Grammar ng CSS

column-rule-width: thin|medium|thick|length;

Halaga ng katangian

Halaga Paglalarawan Test
thin Tinutukoy ang payat na patakaran. Test
medium Tinutukoy ang medyo patakaran. Test
thick Tinutukoy ang patakaran ng lapad. Test
length Tinutukoy ang lapad ng patakaran. Test

Detalye ng teknolohiya

Default value: medium
Inherency: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.columnRuleWidth="thin"

Higit pang halimbawa

Column-count
Hahati ang teksto sa loob ng elementong div sa tatlong kolum.
Column-gap
Hahati ang teksto sa loob ng elementong div sa tatlong kolum, na may 30 pixel na pagitan ng paghahatid.
Column-rule
Tinutukoy ang lapad, estilo at kulay sa pagitan ng mga column.

Suporta ng browser

Ang numero sa talahanan ay naglalarawan ng kauna-unahang bersyon ng browser na nagbibigay ng buong suporta sa katangian.

Ang numero na may -webkit- o -moz- ay naglalarawan ng unang bersyon na ginagamit ang prefix.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-
10.0 52.0
2.0 -moz-
9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1