CSS语法手册(六)分类属性

1、display

功能:改变元素的显示值,可以将元素类型线上,块和清单项目相互变换。
数值:
none – 不显示元素
block – 块显示,在元素前后设置分行符
inline – 删除元素前后的分行符,使其并入其它元素流中
list-item – 将元素设置为清单中的一行
说明:可用 display 属性值生成插入标题和补加清单或让图形变成线上显示。

2、white-space

功能:控制元素內的空白。
数值:
normal – 不改变,保持缺省值,在浏览器页面长度处换行。
pre – 要求文档显示中采用源代码中的格式。
nowarp – 不让访问者在元素內换行。

3、list-style-type

功能:指定清单所用的强调符或编号类型
数值:
none – 无强调符
disc – 碟形强调符(实心圆)
circle – 圆形强调符(空心圆)
square – 方形强调符(实心)
decimal – 十进制数强调符
lower-roman – 小写罗馬字强调符
upper-roman – 大写罗馬字强调符
lower-alpha – 小写字母强调符
upper-alpha – 大写字母强调符
例子:

item1
item2
item3
4、list-style-image

功能:用于将清单中标准强调符换成所选的图形
数值:
无图形
url – 图形URL地址
例子:

item1
item2
item3
5、list-style-position

功能:用于设置强调符的缩排或伸排,这个属性可以让强调符突出于清单以外或与清单项目对齐。
数值:
inside – 缩排,将强调符与清单项目内容左边界对齐
outside – 伸排,强调符突出到清单项目内容左边界以外

6、list-style
功能:简写属性,将所有清单属性放在一条语句中。
数值:
list-style-type
list-style-position
list-style-image
这些值的细节见各个属性部分。
例子:

item1
item2
item3

相关文章:

1、CSS样式编写的规范和常见问题
https://www.onexin.net/css-styles-to-prepare-specifications-and-frequently-asked-questions/

2、最优秀的css样式reset.css
https://www.onexin.net/the-best-css-style-reset/

3、经典DIV + CSS Layout
https://www.onexin.net/classic-div-css-layout/

4、DIV+CSS布局解决IE6、IE7、IE8样式不兼容问题
https://www.onexin.net/divcss-layout-solution-ie6-ie7-ie8-style-incompatibility-issues/

5、CSS如何让图片垂直并水平居中等比缩放?
https://www.onexin.net/div-css-how-to-make-image-vertical-and-align-center-geometric-scaling/

转载请注明出处:https://www.onexin.net/classification-properties-of-the-css-syntax-manual-6/

Leave a Reply

Your email address will not be published. Required fields are marked *