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
以上就是CSS语法手册(六)分类属性的内容,更多相关内容请关注PHP中文网(www.php.cn)!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。

文章讨论了使用CSS来获得阴影和渐变等文本效果,优化它们以进行性能并增强用户体验。它还列出了初学者的资源。(159个字符)

前几天我只是和埃里克·迈耶(Eric Meyer)聊天,我想起了我成长时代的埃里克·迈耶(Eric Meyer)的故事。我写了一篇有关CSS特异性的博客文章,以及
