CSS屬性之列表
本電子書由站長百科(www.zzbaike.com)教程組制作CSS 屬性之CSS 列表? 出處:站長百科?? 原文地址:??? 本電子書整理自站長百科詞條,查看內(nèi)容請訪問網(wǎng)站。?目錄CSS 屬性之C
本電子書由站長百科
(www.zzbaike.com)教程組制作
CSS 屬性之CSS 列表
? 出處:站長百科?? 原文地址:??? 本電子書整理自站長百科詞條,查看內(nèi)容請訪問網(wǎng)站。?
目錄
CSS 屬性之CSS 列表..................................................................................1
list-style.................................................................................................2
list-style-image......................................................................................2
list-style-position..................................................................................3
list-style-type ........................................................................................3
marker-offset.........................................................................................5
更多電子書.................................................................................................6
首家推出中文網(wǎng)站() 的美國主機商 無限空間 無限流量 贈送15個獨立IP 及 3個免費域名 免備案 支付寶付款方便快捷 中文客服全程服務(wù) 省錢大攻略:http://www.ixwebhosting.bz/ixwebhosting-discount/ 為您省多多
?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS 列表詞條,查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
推薦內(nèi)容: 2G美國免費空間 | 1美元銀幣競拍
list-style
語法:list-style : list-style-image || list-style-position ||
list-style-type
取值:
該屬性是復(fù)合屬性。請參閱各參數(shù)對應(yīng)的屬性。
默認(rèn)值為:disc outside none。
說明:
設(shè)置列表項目相關(guān)樣式。
當(dāng) list-style-image 和 list-style-type 都被指定了時, list-style-image 將獲得優(yōu)先權(quán)。除非 list-style-image 設(shè)置為 none 或指定 url 地址的圖片不能被顯示。
對應(yīng)的腳本特性為 listStyle 。
示例:
li { list-style: url("http://www.dhtmlet.com/devgurupix.gif") inside circle; }
ul { list-style: outside upper-roman; }
ol { list-style: square; }
list-style-image
語法:list-style-image : none | url ( url )
取值:
none : 默認(rèn)值。不指定圖像
url ( url ) : 使用絕對或相對 url 地址指定圖像
?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS
列表詞條,查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
說明:
設(shè)置或檢索作為對象的列表項標(biāo)記的圖像。
若此屬性值為 none 或指定 url 地址的圖片不能被顯示時, list-style-type 屬性將發(fā)生作用。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。 對應(yīng)的腳本特性為 listStyleImage 。
示例:
ul.out { list-style-position: outside; list-style-image:
url("images/ie.gif"); }
list-style-position
語法:list-style-position : outside | inside
取值:
outside : 默認(rèn)值。列表項目標(biāo)記放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對齊
inside : 列表項目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對齊 說明:
設(shè)置或檢索作為對象的列表項標(biāo)記如何根據(jù)文本排列。
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ,則列表項目標(biāo)記不會被顯示。左外補丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意: ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 li 對象)指明列表屬性。
list-style-type
語法:
list-style-type : disc | circle | square | decimal | lower-roman | ?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS
列表詞條,查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
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 : CSS1 默認(rèn)值。實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯?dāng)?shù)字
lower-roman : CSS1 小寫羅馬數(shù)字
upper-roman : CSS1 大寫羅馬數(shù)字
lower-alpha : CSS1 小寫英文字母
upper-alpha : CSS1 大寫英文字母
none : CSS1 不使用項目符號
armenianl : CSS2 未支持。傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic : CSS2 未支持。淺白的表意數(shù)字
georgian : CSS2 未支持。傳統(tǒng)的喬治數(shù)字 lower-greek : CSS2 未支持?;镜南ED小寫字母
hebrew : CSS2 未支持。傳統(tǒng)的希伯萊數(shù)字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序號
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序號
lower-latin : CSS2 未支持。小寫拉丁字母
upper-latin : CSS2 未支持。大寫拉丁字母
說明:
設(shè)置或檢索對象的列表項所使用的預(yù)設(shè)標(biāo)記。
若 list-style-image 屬性值為 none 或指定 url 地址的圖片不能被顯示時,此屬性將發(fā)生作用。
?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS
列表詞條,查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ,則列表項目標(biāo)記不會被顯示。左外補丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意: ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 li 對象)指明列表屬性。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。 對應(yīng)的腳本特性為 listStyleType 。
示例:
ul.in { display: list-item; list-style-position: inside; }
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。 對應(yīng)的腳本特性為 listStylePosition 。
示例:
ul.in { display: list-item; list-style-position: inside; }
marker-offset
語法: marker-offset : auto | length
取值:
auto : 默認(rèn)值。瀏覽器自動設(shè)置間距
length : 由浮點數(shù)字和單位標(biāo)識符組成的長度值。可為負值。
說明:
設(shè)置或檢索標(biāo)記容器和主容器之間水平補白。即兩個容器靠近的一邊的間距。 作用于 display 屬性值為 marker 的元素。
對應(yīng)的腳本特性為 markerOffset 。
示例:
li:before { display: marker; marker-offset: 5px; }
?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS
列表詞條,查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
更多電子書
SEO 搜索引擎優(yōu)化基礎(chǔ)教程:
SEO 搜索引擎優(yōu)化高級教程:
wordpress的中文翻譯文檔:http://www.wordpress.la/codex.html,wordpress 開發(fā)的相關(guān)知識都有,對WordPress開發(fā)感興趣的博主會有一定的用處。
WordPress免費主題:http://www.wordpress.la/theme.html
WordPress免費插件:http://www.wordpress.la/plugin.html
WordPress 主題制作電子書:
Apache2.2中文文檔電子書: IXWeHosting 控制面板使用手冊(在線版 PDF電子書) :
更多電子書下載:http://down.zzbaike.com/ebook/
視頻教程:
1. 美國主機IXWebHosting 使用視頻教程(在線觀看及下載)
2. Godaddy 主機及域名使用視頻教程(在線觀看及下載)
如果您有站長類電子書,請到這里與我們分享:
詳情見: http://bbs.zzbaike.com/thread-23156-1-1.html
站長百科感謝您下載閱讀,多謝支持! ?
?
?
出處:站長百科?原文地址:??本電子書整理自站長百科CSS
列表詞條,查看內(nèi)容請訪問網(wǎng)站。?