您的位置:首页网页设计HTML/CSS  → CSS语法手册(六)分类属性

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

时间:2004/11/7 2:43:00来源:本站整理作者:蓝点我要评论(0)

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

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 页面进入效果表单 XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧

人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法