Hisia ya CSS column-rule-width

Maelezo na matumizi

columnRuleWidth tabia inasababisha kuzingatia kichwa cha tabia hii.

Tazama pia:

Mwongozo wa CSS3:Makala ya CSS3 ya kufupisha kikamilifu

Mwongozo wa DOM wa HTML:columnRuleWidth tabia

Matokeo

Inasababisha kuzingatia kichwa cha tabia hii:

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

Jaribu kwenye kifaa chako

Mashahara zaidi ya pini ya wiki.

Inayotumia ujumbe wa CSS:

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

Chaguo cha tabia

Chaguo Maelezo Matokeo ya mtaarifu
thin Inadefini kifungaji cha kuzingatia tabia hii. Matokeo ya mtaarifu
medium Inadefini kifungaji cha kuzingatia tabia hii. Matokeo ya mtaarifu
thick Inadefini kifungaji cha kufikia tabia hii. Matokeo ya mtaarifu
length Inasababisha kuzingatia uwezo wa kufikia tabia hii. Matokeo ya mtaarifu

Maelezo ya teknolojia

Chaguo cha kuzingatia: medium
Uangalifu: no
Muda wa version: CSS3
Inayotumia ujumbe wa JavaScript: object.style.columnRuleWidth="thin"

Mashahara zaidi

Column-count
Inagawaza matukio ya div kwa matukio tatu.
Column-gap
Inagawaza matukio ya div kwa matukio tatu, na kusababisha kufikia 30 pixels kati ya matukio.
Column-rule
Inasababisha kuzingatia uwezo wa kifungaji.

Muungano wa kifungaji

Mashabiki ya tabia hii inaonyesha version ya kwanza ya kufunguliwa na kusimamia tabia hii.

Mashabiki ya -webkit- au -moz- inayoitazama na version ya kwanza ya kuzungumza kwa chaji.

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