2023-03-12 分類: 網(wǎng)站建設(shè)
網(wǎng)站列表list屬性介紹
css標(biāo)準(zhǔn)允許控制列表元素的外觀-尤其是有序和無序列表。
瀏覽器會你格式化任何其他塊項目一樣格式化列表項,除了這個塊的內(nèi)容前面有一些排序記號外。對無序列表來說,這個記號是某種分類記號;對編號來說,這個記號是數(shù)字或阿拉伯字母或符號。css列表屬性允許控制列表項記號的外觀和位置。
list-style-image屬性
list-style-image屬性定義了瀏覽器用來標(biāo)記一個列表項的圖像。這個屬性值是一個圖像文件的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ī)的方塊形項目符號。
list-style-position屬性
有兩種方法可用來定位與一個列表項有關(guān)的記號:在與項目有關(guān)的塊外面或里面。因此,list-style-position屬性接受以下兩個值之一:inside(內(nèi)部)或outside(外部)。
默認(rèn)值是outside,表示這個項目記號將懸掛于這一項的左側(cè),這個項目列表使用的是“outside”標(biāo)記。inside值使得列表項圍繞著這個記號,很像一個懸浮圖像:這個項目列表使用的是“inside”標(biāo)記,注意文本第二行不會縮進(jìn),反而與記號的左邊緣對齊。
list-style-type屬性有雙重任務(wù),決定了有序和無序列表項如何顯示在能識別樣式的瀏覽器上。這個屬性對列表項的效果與type屬性一樣。
用于無序列表項時,list-style-type屬性接受以下4個值之一:disc、circle、square或none。瀏覽器用相應(yīng)的方法來給元序列表項做標(biāo)記。默認(rèn)值是disc;瀏覽器根據(jù)列表的嵌套層來改變默認(rèn)值。
用于有序列表項時,list-style-type屬性接受以下6個值之一:decimal、lower-roman、upper-roman、lower-alpha、upper-alphan或none。這些值分別把項目編后格式化為十進(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://m.newbst.com/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)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容