CSS 4 5 樣式 列表

2021-07-24 04:58:51 字數 1994 閱讀 5249

css 4.5 樣式

-列表1.改變列表樣式list-style-type,無序列表

ul方塊或圓點,有序列表

ol數字或字母

格式:ul        //方塊

ol   //

大寫羅馬字母 值

描述none

無標記。

disc

預設。標記是實心圓。

circle

標記是空心圓。

square

標記是實心方塊。

decimal

標記是數字。

decimal-leading-zero

0開頭的數字標記。

(01, 02, 03, 等。)

lower-roman

小寫羅馬數字(i, ii, iii, iv, v, 等。)

upper-roman

大寫羅馬數字(i, ii, iii, iv, v, 等。)

lower-alpha(阿爾法)

小寫英文本母the marker is lower-alpha (a, b, c, d, e, 等。)

upper-alpha

大寫英文本母the marker is upper-alpha (a, b, c, d, e, 等。)

lower-greek

小寫希臘字母(alpha, beta, gamma, 等。)

lower-latin

小寫拉丁字母(a, b, c, d, e, 等。)

upper-latin

大寫拉丁字母(a, b, c, d, e, 等。)

hebrew

傳統的希伯來編號方式

armenian

傳統的亞美尼亞編號方式

georgian

傳統的喬治亞編號方式(an, ban, gan, 等。)

cjk-ideographic

簡單的表意數字

hiragana

標記是:a, i, u, e, o, ka, ki,

等。(日文片假名)

katakana

標記是:a, i, u, e, o, ka, ki,

等。(日文片假名)

hiragana-iroha

標記是:i, ro, ha, ni, ho, he, to,

等。(日文片假名)

katakana-iroha

標記是:i, ro, ha, ni, ho, he, to,

等。(日文片假名)

list-style-type可能的值(

css2):

注:任何的版本的 internet explorer (包括

ie8)都不支援屬性值

"decimal-leading-zero"

、"lower-greek"

、"lower-latin"

、"upper-latin"

、"armenian"

、"georgian"

或 "inherit"。

2.列表樣式的一種用法:

3.列表位置list-style-position。

可能的值:

outside:預設值。保持標記位於文字的左側。列表專案標記放置在文字以外,且環繞文字不根據標記對齊。

inside:列表專案標記放置在文字以內,且環繞文字根據標記對齊。

inherit:繼承

結果:

4.用影象做列表標記list-style-image

格式:ul li

例如:

結果:5.簡寫列表樣式

list-style

為簡單起見,可以將以上 3 個列表樣式屬性合併為乙個方便的屬性:

li 注:list-style 的值可以按任何順序列出,而且這些值都可以忽略。只要提供了乙個值,其它的就會填入其預設值。

CSS2 樣式表 屬性 列表

1 list style 語法 list style list style image list style position list style type 取值 該屬性是復合屬性。請參閱各引數對應的屬性。預設值為 disc outside none。說明 設定列表專案相關樣式。當 list st...

css列表樣式

css列表樣式 1.list style type 設定列表項標誌的型別 1 無序列表 none 無標記 去除預設的圓點 disc 實心的圓點,circle 空心的圓點,square實心的方塊 2 有序列表 none 無標記,decimal 從1開始的整數,lower roman小寫羅馬數字,upp...

實用的css3樣式

1.word wrap word wrap normal break word 只在允許的斷字點換行 瀏覽器保持預設處理 斷字 在長單詞或url位址內部進行換行。2.font face internet explorer 9 firefox,chrome,safari,和 opera 支援 woff...