網(wǎng)站列表list屬性介紹

css標(biāo)準(zhǔn)允許控制列表元素的外觀-尤其是有序和無序列表。

瀏覽器會你格式化任何其他塊項(xiàng)目一樣格式化列表項(xiàng)，除了這個塊的內(nèi)容前面有一些排序記號外。對無序列表來說，這個記號是某種分類記號；對編號來說，這個記號是數(shù)字或阿拉伯字母或符號。css列表屬性允許控制列表項(xiàng)記號的外觀和位置。

list-style-image屬性

list-style-image屬性定義了瀏覽器用來標(biāo)記一個列表項(xiàng)的圖像。這個屬性值是一個圖像文件的url或者關(guān)鍵字none。默認(rèn)值是none。

圖像是較受歡迎的列表記號。如果它可以使用，瀏覽器將顯示這個圖像來替代任何其他定義的記號。如果圖像不可使用或者如果用戶禁止調(diào)用圖像，將使用list-style-type屬性定義的記號。

HTMl/XHTML作者可以使用list-style-image屬性來給無src="/upload/pic19/mybullet.gif); src="/upload/pic19/p>

在這個示例中，如果瀏覽器能夠成或下載mybullet.gif，那么將使用這個圖像。否則，瀏覽器將使用一個常規(guī)的方塊形項(xiàng)目符號。

list-style-position屬性

有兩種方法可用來定位與一個列表項(xiàng)有關(guān)的記號：在與項(xiàng)目有關(guān)的塊外面或里面。因此，list-style-position屬性接受以下兩個值之一：inside(內(nèi)部)或outside（外部）。

默認(rèn)值是outside,表示這個項(xiàng)目記號將懸掛于這一項(xiàng)的左側(cè)，這個項(xiàng)目列表使用的是“outside”標(biāo)記。inside值使得列表項(xiàng)圍繞著這個記號，很像一個懸浮圖像：這個項(xiàng)目列表使用的是“inside”標(biāo)記，注意文本第二行不會縮進(jìn)，反而與記號的左邊緣對齊。

list-style-type屬性有雙重任務(wù)，決定了有序和無序列表項(xiàng)如何顯示在能識別樣式的瀏覽器上。這個屬性對列表項(xiàng)的效果與type屬性一樣。

用于無序列表項(xiàng)時，list-style-type屬性接受以下4個值之一：disc、circle、square或none。瀏覽器用相應(yīng)的方法來給元序列表項(xiàng)做標(biāo)記。默認(rèn)值是disc;瀏覽器根據(jù)列表的嵌套層來改變默認(rèn)值。

用于有序列表項(xiàng)時，list-style-type屬性接受以下6個值之一：decimal、lower-roman、upper-roman、lower-alpha、upper-alphan或none。這些值分別把項(xiàng)目編后格式化為十進(jìn)制值、小寫羅馬數(shù)字、大寫羅馬數(shù)字、小寫字母或大寫字母。大部分瀏覽器都默認(rèn)使用十進(jìn)制編號策略。

list-style屬性

list-style屬性是所有其他列表類型屬性的縮略形式，可以按照任何順序接受用于list-style-type、list-style-position和list-style-image屬性的值。以下是有效的list-stle屬性:

li{list-style: disc}

li{list-style: lower-roman imside}

li{list-style: url(路徑)square}

新聞標(biāo)題：成都網(wǎng)站列表list屬性介紹
本文網(wǎng)址：http://www.rwnh.cn/news3/243553.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、定制開發(fā)、面包屑導(dǎo)航、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)