1、 content:normal | none | | string | counter(name) | counter(name,list-style-type) | counters(name,string) | counters(name,string,list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote+ 默认值:normal 取值: normal: 默认值。表现与none值相同 none: 不生成任何值。 style .string p:after margin-left: -16px;
2、 background: #fff; content: 是; color: #f00; .attr p: attr(title); .url p:before url(skin/flower4.jpg); .test ol margin: 16px 0; padding: 0; list-style: none; .counter1 li counter-increment: testname; .counter1 li: counter(testname); font-family: georgia, serif, sans-serif; .counter2 li testname2; .c
3、ounter2 li: counter(testname2, lower-roman); .counter3 ol ol 0 0 0 28px; .counter3 li 2px 0; testname3; .counter3 li: counter(testname3, decimal). .counter3 li li testname4; .counter3 li li:counter(testname4, decimal) .counter3 li li li testname5; .counter3 li li li:counter(testname5, decimal)/style
4、/headbodyul class=test string:/strongp你的浏览器是否支持content属性:否/liattrattr:p title=如果你看到我则说明你目前使用的浏览器支持content属性urlurl():如果你看到文字前面的图标则说明你目前使用的浏览器支持content属性 列表项counter2counter(name,list-style-type):counter3counter(name)拓展应用:列表项 /body/html2 incrementcontent-increment .test li li: counter(testname) testnam
5、e2 2; counter(testname2) testname3 -1; counter(testname3)默认时的计数器:修改计数器每次增加的值为2:修改计数器每次增加的值为-1:3 resetcontent-reset counter-reset: testname2 20;默认时被复位的计数器:将计算器复位为20:将计算器复位为-1:4 检索对象是否多行column-break-aftercolumn-break-after:alwaysdiv class=This module describes multi-column layout in CSS. By using func
6、tionality described in this document, style sheets can declare that the content of an element is to be laid out in multiple columns.不管本列有没有填满,后面新建一列5 对象之前是否断行column-break-before设置或检索对象之前是否断行。 column-break-before: 既不强迫也不禁止在元素之前断行并产生新列 总是在元素之前断行并产生新列 避免在元素之前断行并产生新列 1px solid #090; -moz-column-break-before: -webkit-column-break-before: column-break-before:column-break-before:不管上一列有没有填满,我都另起一列UTF-8设置或检索对象内部是否断行。 column-break-inside:auto | avoid | avoid-page | avoid-column 既不强迫也不禁止在元素内部断行并产生新列 避免在元素内部断行并产生新列 6 检索对象的列数u
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1