CSS column-span 属性
- 上一页 column-rule-width
- 下一页 column-width
Pagsasakop at paggamit
Ang column-span katangian ay nagtutukoy kung anong bilang ng sulok na dapat lumubog ang elemento.
Mga iba pang pangungusap:
Tuturo ng CSS3:CSS3 多列
Manwal ng HTML DOM:columnSpan katangian
Halimbawa
Gawing lumubog ang elemento ng h2 sa lahat ng sulok:
h2 { column-span:all; }
May higit pang mga halimbawa sa ibaba ng pahina.
Grammar ng CSS
column-span: 1|all;
Halaga ng katangian
Halaga | Paglalarawan | Pagsusuri |
---|---|---|
1 | Ang elemento ay dapat lumubog sa isang sulok. | Pagsusuri |
all | Ang elemento ay dapat lumubog sa lahat ng sulok. | Pagsusuri |
Detalye ng teknolohiya
Default value: | 1 |
---|---|
Inheritsibility: | no |
Bersyon: | CSS3 |
Grammar ng JavaScript: | object.style.columnSpan="all" |
Higit pang mga halimbawa
- Column-count
- Hahati ang teksto sa loob ng elemento ng div sa tatlong sulok.
- Column-gap
- Hahati ang teksto sa loob ng elemento ng div sa tatlong sulok, na may 30 pixel na pagitan ng sulok.
- Column-rule
- Tinutukoy ang lapad, estilo at kulay sa pagitan ng mga column.
Suporta ng browser
Ang numero sa talahanayan ay nagtatala ng kauna-unahang bersyon ng browser na ganap na sumusuporta sa katangian.
Mayumuring ang numero na may -webkit- o -moz- ay unang bersyon na gamit ang prefix.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 4.0 -webkit- |
10.0 | 71.0 | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
- 上一页 column-rule-width
- 下一页 column-width