type属性规定有序列表是什么类型(数字或者字母)。
<ol type="a"> <li>PHP教程</li> <li>HTML教程</li> <li>CSS教程</li> </ol>
ol有序列表type属性css写法
<ol style="list-style-type:decimal">
列表标签(ol、ul标签)type属性是设置所有列表项(li标签)的type类型,列表项只能设置单个列表项的type类型。
<p>设置ol有序列表type属性带字母的效果:</p> <ol type="a"> <li>PHP教程</li> <li>HTML教程</li> <li>CSS教程</li> <li>MYSQL教程</li> </ol> <p>设置ol有序列表项li标签type属性带字母的效果:</p> <ol> <li type="a">PHP教程</li> <li type="a">HTML教程</li> <li type="a">CSS教程</li> <li type="a">MYSQL教程</li> </ol> <p>设置ul无序列表项li标签type属性带字母的效果:</p> <ul> <li type="a">PHP教程</li> <li type="a">HTML教程</li> <li type="a">CSS教程</li> <li type="a">MYSQL教程</li> </ul>
标签 | type属性 | 作用域 |
---|---|---|
ol标签 | 1、A、a、I、i | 全部有序列表项 |
ul标签 | disc、circle、square | 全部无序列表项 |
li标签 | 1、A、a、I、i、disc、circle、square(有序和无序标记) | 写有type属性的列表项(有序和无序) |
<ol type="类型标记"></ol>
值 | 描述 |
---|---|
1 | 默认。十进制数字 (1, 2, 3, 4)。 |
a | 字母顺序的有序列表,小写 (a, b, c, d...)。27则是aa |
A | 字母顺序的有序列表,大写 (A, B, C, D...)。27则是AA |
i | 罗马数字,小写 (i, ii, iii, iv)。 |
I | 罗马数字,大写 (I, II, III, IV)。 |