CSS学习(13)--列表项目属性

list-style                     版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：
 
list-style : list-style-image || list-style-position || list-style-type
 
参数：
 
该属性是复合属性。
 
说明：
 
设置列表项目相关内容。 
 
示例： 

1  li  {  list-style :  url("http://www.dhtmlet.com/devgurupix.gif"), inside, circle ;   }  
2  ul  {  list-style :  outside, upper-roman ;   }  
3  ol  {  list-style :  square ;   }  

list-style-image       版本：CSS1　 兼容性：IE4+ NS6+　继承性：有

语法：
 
list-style-image : none | url (url)
 
参数：
 
none : 　不指定图像
url : 　使用绝对或相对地址指定背景图像
 
说明：
 
设置或检索作为对象的列表项标记的图像。
若list-style-image属性为none或指定图像不可用时，list-style-type属性将发生作用。

示例： 

1  ul.out  {  list-style-position :  outside ;  list-style-image :  url("images/ie.gif") ;   }  

list-style-position     版本：CSS1　 兼容性：IE4+ NS6+　继承性：有
 
语法：
 
list-style-position : outside | inside
 
参数：
 
outside : 　列表项目标记放置在文本以外，且环绕文本不根据标记对齐
inside : 　列表项目标记放置在文本以内，且环绕文本根据标记对齐
 
说明：
 
设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。
 
示例： 

1  ul.in  {  display :  list-item ;  list-style-position :  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的值。
 
示例： 

1  li  {  list-style-type :  square  }

转载于:https://www.cnblogs.com/jeffery19830101/archive/2007/02/05/640758.html