directory search
简介 更新历史 关于样式表 属性 定位 布局 position z-index top right bottom left clip display float clear visibility overflow overflow-x overflow-y 尺寸 width min-width max-width height min-height max-height 外补白 margin margin-top margin-right margin-bottom margin-left 内补白 padding padding-top padding-right padding-bottom padding-left 边框 border border-width border-style border-color border-top border-top-width border-top-style border-top-color border-right border-right-width border-right-style border-right-color border-bottom border-bottom-width border-bottom-style border-bottom-style border-bottom-color border-left border-left-width border-left-style border-left-color border-radius border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius box-shadow border-image border-image-source border-image-slice border-image-width border-image-outset border-image-repeat 背景 background background-color background-image background-repeat background-attachment background-position background-origin background-clip background-size 颜色 color opacity 字体 font font-style font-variant font-weight font-size font-family font-stretch font-size-adjust 文本 text-transform white-space tab-size word-break word-wrap overflow-wrap text-align text-align-last text-justify word-spacing letter-spacing text-indent vertical-align line-height text-size-adjust 文本装饰 text-decoration text-decoration-line text-decoration-color text-decoration-style text-decoration-skip text-underline-position text-shadow 书写模式 direction unicode-bidi writing-mode 列表 list-style list-style-image list-style-position list-style-type 表格 table-layout border-collapse border-spacing caption-side empty-cells 内容 content counter-increment counter-reset quotes 用户界面 appearance text-overflow outline outline-width outline-color outline-style outline-offset nav-index nav-up nav-right nav-down nav-left cursor zoom box-sizing resize ime-mode user-select pointer-events 多列 columns column-width column-count column-gap column-rule column-rule-width column-rule-style column-rule-color column-span column-fill column-break-before column-break-after column-break-inside 伸缩盒(旧) box-orient box-pack box-align box-flex box-flex-group box-ordinal-group box-direction box-lines 伸缩盒(新) flex flex-grow flex-shrink flex-basis flex-flow flex-direction flex-wrap align-content align-items align-self justify-content order 变换 transform transform-origin transform-style perspective perspective-origin backface-visibility 过渡 transition transition-property transition-duration transition-timing-function transition-delay 动画 animation animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-play-state animation-fill-mode 打印 page page-break-before page-break-after page-break-inside 媒体查询 width height device-width device-height orientation aspect-ratio device-aspect-ratio color color-index monochrome resolution scan grid Only IE scrollbar-3dlight-color scrollbar-darkshadow-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-arrow-color scrollbar-face-color scrollbar-track-color scrollbar-base-color filter behavior Only webkit -webkit-text-fill-color -webkit-text-stroke -webkit-text-stroke-width -webkit-text-stroke-color -webkit-box-reflect -webkit-tap-highlight-color -webkit-user-drag -webkit-overflow-scrolling 选择符 元素选择符 通配选择符(*) 类型选择符(E) ID选择符(E#id) 类选择符(E.class) 关系选择符 包含选择符(E F) 子选择符(E>F) 相邻选择符(E+F) 兄弟选择符(E~F) 属性选择符 E[att] E[att="val"] E[att~="val"] E[att^="val"] E[att$="val"] E[att*="val"] E[att|="val"] 伪类选择符 E:link E:visited E:hover E:active E:focus E:lang(fr) E:not(s) E:root E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n) E:first-of-type E:last-of-type E:only-of-type E:nth-of-type(n) E:nth-last-of-type(n) E:empty E:checked E:enabled E:disabled E:target @page:first @page:left @page:right 伪对象选择符 E:first-letter/E::first-letter E:first-line/E::first-line E:before/E::before E:after/E::after E::placeholder E::selection 语法与规则 !important /*comment*/ @import @charset @media @font-face @page @keyframes @supports 取值与单位 长度 em ex ch rem vw vh vmax vmin cm mm q in pt pc px 角度 deg grad rad turn 时间 s ms 频率 Hz kHz 布局 fr gr 分辨率 dpi dpcm dppx 颜色 Color Name HEX RGB RGBA HSL HSLA transparent currentColor 文本 inherit initial unset 函数 calc() toggle() 生成内容 counter() counters() attr() 图像 image() image-set() linear-gradient() radial-gradient() repeating-linear-gradient() repeating-radial-gradient() 数字 附录 颜色关键字 媒体类型 CSS Hack 条件Hack 属性级Hack 选择符级Hack 问题和经验 Bugs和解决方案 技巧和经验 其它经验
characters


语法:

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

适用于:所有 <' display '> 设置为list-item的元素

继承性:有

动画性:否

计算值:特定值

取值:

  • 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对象)指明列表属性。

  • 对应的脚本特性为listStyleType

兼容性:

Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

示例:

实例

    list-style-type_CSS参考手册_web前端开发参考手册系列   

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:

  • 这是一个项目列表
  • 这是一个项目列表
  • 这是一个项目列表

运行实例 »

点击 "运行实例" 按钮查看在线实例



Previous article: Next article: