麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

CSS list-style-type屬性使用方法

2024-07-11 09:06:03
字體:
來源:轉載
供稿:網友

設置對象的行項標記的預定義類型。 

語法 
{ list-style-type: sType } 

可能的值 
sType 

一個字符串,用于指定以下值之一: 
 

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 屬性之后應用于任何元素。 

如果使用其中一個 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: 十進制數,不足兩位的補齊前導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. }     

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 亚洲一区二区三区91 | 成人一级黄色 | 激情视频免费观看 | 国产一级一国产一级毛片 | 成人店女老板视频在线看 | 久久精品视频在线 | 羞羞答答xxdd在线播放 | 视频二区国产 | 黄色片免费在线播放 | 视频一区二区精品 | 毛片视频网站在线观看 | 国产精品视频六区 | 日韩视频不卡 | 九九热视频这里只有精品 | 性 毛片 | 高清一区二区在线观看 | 国产视频在线观看免费 | 午夜激情视频免费 | 亚洲视频在线免费看 | 国产成人观看 | 99影视在线视频免费观看 | 伊人av影院 | 久久精品色 | 欧美一级黄色网 | av成人在线免费观看 | 国产无区一区二区三麻豆 | 斗罗破苍穹在线观看免费完整观看 | 国产一国产一级毛片视频 | 一区二区三区日本在线观看 | 欧美高清一级片 | 97se亚洲综合在线韩国专区福利 | 99精品视频一区二区 | 欧美精品成人一区二区在线观看 | 在线成人免费av | 手机国产乱子伦精品视频 | 日韩av影片在线观看 | 九一成人| 欧美久久久一区二区三区 | 亚洲精品成人18久久久久 | 国产三级a三级三级 | 欧美精品成人一区二区三区四区 |