导航: 好喜爱学习网 >> 网站制作 >> 网页制作技巧 >> CSS语法手册(六)分类属性
相关文章
最新文章
文章内容
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

E-MAIL:309076721@163.com
本站为非营利性质个人网站,建站只为个人爱好与学习,内容大多为电脑技术教程;
网站内容来源于互联网收集整理,禁止用于非法途径,如发现本网站上有侵权的文章请联系我们,我们会尽快删除;
本站不对站点内容准确性、完整性和真实性作任何承诺,由此产生的后果本站不承担任何责任,对以上引起的一切法律纠纷本站无权利承担。