CSS 定义li样式
来源:互联网 发布:js折线图插件 编辑:程序博客网 时间:2024/05/20 21:58
li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果,详细请参阅下面的定义:
列表项目效果的CSS定义
li {list-style-image: url(images/disc.gif);}
*list-style-type: circle(可换成自己想要的样式); 列表项目样式
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic:CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字
lower-greek : CSS2 基本的希腊小写字母
hebrew : CSS2 传统的希伯莱数字
hiragana : CSS2 日文平假名字符
hiragana-iroha: CSS2 日文平假名序
katakana : CSS2 日文片假名字符
katakana-iroha: CSS2 日文片假名序号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
*list-style-image: url(images/disc.gif); 用图像disc.gif代替列表项目显示
*list-style-position : outside | inside
outside: 列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
list-style-type版本:CSS1/CSS2 兼容***:IE4+ NS4+ 继承***:有
语法:
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
参数:
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic : CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字
lower-greek : CSS2 基本的希腊小写字母
hebrew : CSS2 传统的希伯莱数字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平假名序号
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
说明:
设置或检索对象的列表项所使用的预设标记。
若list-style-image属***为none或指定图像不可用时,list-style-type属***将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特***为其后的所有列表项目(如li对象)指明列表属***。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特***为listStyleType。
转自网易微博:点击打开链接
- CSS 定义li样式
- 用CSS定义 li 样式
- LI横向样式定义
- CSS样式-li
- CSS样式-li
- ul li CSS 样式
- li 布局 CSS样式
- CSS ul li 样式详解
- Css <ul><li>列表的样式的控制</li></ul>
- 样式转换,tabControl, 导航,li及css
- HTML中li标签CSS样式明细
- CSS中的ul与li样式详解
- CSS中的ul与li样式详解
- ul li CSS 样式
- css li 去掉点的样式写法
- css li 去掉点的样式写法
- CSS实现最后一个li样式不一样
- css控制UL LI 的样式详解
- 转载]【翻译】Entity Framework 4.1 之六:乐观并发
- 基于面积对比法的图形匹配
- using namespace Gdiplus;
- 不用判断语句如if,?:等来实现比较2个数
- C#网络编程复习文献
- CSS 定义li样式
- 取代Linux集群系统应用的新挑战
- 简单 却爱
- 8086/8088寻址为1M的由来
- POJ 3317 Stake Your Claim(极大极小搜索+alpha-beta剪枝)
- usaco 5.1 Musical Themes(KMP或DP)
- Android进阶之代码应用技巧
- ZYNQ7000基于linux3.0操作系统驱动分析——GPIO驱动第二天
- Linux命令行性能监测工具