- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
定义
type 属性规定列表的项目符号的类型。
注:<ul> 的 type 属性在 HTML 4.01 中已废弃。HTML5不再支持<ul> type 属性,请使用 CSS替代。
语法
<ul type="disc|circle|square">
属性值
值 | 描述 |
---|---|
disc | 默认值;实心圆。 |
circle | 空心圆。 |
square | 实心方块。 |
浏览器支持
属性 | |||||
type | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 type 属性。
兼容性注释
HTML5不再支持<ul> type 属性。请使用 CSS替代。
CSS 语法: <ul style="list-style-type:square">
<!DOCTYPE html> <html> <body> <ul style="list-style-type:square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <ul style="list-style-type:circle"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
点击 "运行实例" 按钮查看在线实例
在我们的 CSS 教程中,您可以找到更多有关 list-style-type 属性 的细节。
在无序列表中使用 type 属性:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <ul type="square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <ul type="circle"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <p><b>注意:</b> 在 HTML 4中 type 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册