CSS list

日期:2021-01-20 类型:科技新闻 

关键词:怎么把小程序变成二维码,微信小程序怎么开通,微信小程序csdn,小程序开发,网络答题小程序

设定目标的行项标识的预订义种类。

英语的语法
{ list-style-type: sType }

将会的值
sType

1个标识符串,用于特定下列值之1:

disc

默认设置值。实心圆。

circle

空心圆。

decimal

1、2、3、4 这些。

lower-alpha

a、b、c、d 这些。

lower-roman

i、ii、iii、iv 这些。

none

无法显示任何标识。

square

实心正方形。

upper-alpha

A、B、C、D 这些。

upper-roman

I、II、III、IV 这些。

该特性的默认设置值为 disc 。该特性会被承继。

注释

假如 list-style-image 特性的值设定为 none ,或没法显示信息 URL 指向的图象,则 list-style-type 特性决策 list-item 标识的外型。

list-style-type 特性可在运用 margin 和 display:list-item 特性以后运用于任何元素。

假如应用在其中1个 margin 特性将行项的左侧距设定为 0,则不容易显示信息目录项标识。该边距最少应设定为 30 磅。

示例
下面的示例应用 list-style-type 特性设定标识。本示例在嵌入(全局性)款式表格中应用 UL 元素做为挑选器,以将标识种类变更为 circle :


拷贝编码
编码以下:

<style>
ul {list-style-type:circle}
</style>


list-style-type -- 界定目录款式

赋值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
disc: 点
circle: 圆圈
square: 正方形
decimal: 数据
decimal-leading-zero: 10进制数,不够两位的补齐前导0,比如: 01, 02, 03, ..., 98, 99
lower-roman: 小写罗马文本,比如: i, ii, iii, iv, v, ...
upper-roman: 大写罗马文本,比如: I, II, III, IV, V, ...
lower-greek: 小写希腊字母,比如: α(alpha), β(beta), γ(gamma), ...
lower-latin: 小写拉丁文,比如: a, b, c, ... z
upper-latin: 大写拉丁文,比如: A, B, C, ... Z
armenian: 亚美尼亚数据
georgian: 乔治亚数据,比如: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 小写拉丁文,比如: a, b, c, ... z
upper-alpha: 大写拉丁文,比如: A, B, C, ... Z
none: 无(撤销全部的list款式)
inherit:承继

原始值: disc
承继性: 是
可用于: 全部属于list的元素
list,汉语"目录"的意思.style,汉语"款式"的意思.type,汉语"种类"的意思.

示例

CSS Code拷贝內容到剪贴板
  1. ul    
  2. {    
  3.     list-style-type:disc;   
  4. }   
  5.   
  6. ul#circle  
  7. {    
  8.     list-style-type:circle;   
  9. }   
  10.   
  11. ul#square  
  12. {    
  13.     list-style-type:square;   
  14. }   
  15.   
  16. ul#decimal   
  17. {    
  18.     list-style-type:decimal;   
  19. }   
  20.   
  21. ul#decimal-leading-zero   
  22. {    
  23.     list-style-type:decimal-leading-zero;   
  24. }   
  25.   
  26. ul#lower-roman   
  27. {    
  28.     list-style-type:lower-roman;   
  29. }   
  30.   
  31. ul#upper-roman   
  32. {    
  33.     list-style-type:upper-roman;   
  34. }   
  35.   
  36. ul#lower-greek   
  37. {    
  38.     list-style-type:lower-greek;   
  39. }   
  40.   
  41. ul#lower-latin   
  42. {    
  43.     list-style-type:lower-latin;   
  44. }   
  45.   
  46. ul#upper-latin   
  47. {    
  48.     list-style-type:upper-latin;   
  49. }   
  50.   
  51. ul#armenian   
  52. {    
  53.     list-style-type:armenian;   
  54. }   
  55.   
  56. ul#georgian   
  57. {    
  58.     list-style-type:georgian;   
  59. }   
  60.   
  61. ul#lower-alpha   
  62. {    
  63.     list-style-type:lower-alpha;   
  64. }   
  65.   
  66. ul#upper-alpha   
  67. {    
  68.     list-style-type:upper-alpha;   
  69. }   
  70.   
  71. ul#none  
  72. {    
  73.     list-style-type:none;   
  74. }   
  75.   
  76. ol    
  77. {    
  78.     list-style-type:lower-roman;   
  79. }   
上一篇:CSS制做架构 Sass 3.4.4 今天公布 返回下一篇:没有了