首頁  >  文章  >  web前端  >  css: list-style-position的使用與定義

css: list-style-position的使用與定義

黄舟
黄舟原創
2017-06-29 10:55:462470瀏覽

語法: 
 

list-style-position : outside | inside

參數: 
 
outside :  清單項目標記放置在文字以外,且環繞文字不依照標記對齊
inside :  列表項目標記放置在文字以內,環繞文字依照標記對齊 
 
說明: 
 
設定或檢索作為物件的清單項目標記如何依照文字排列。
僅作用於具有display值等於list-item的物件(如li物件)。
注意:ol物件和ul物件的type特性為其後的所有清單項目(如li物件)指明清單屬性。請參閱我的其他著作。 
對應的腳本特性為listStylePosition。請參閱我所寫的其他書目。 
 
範例: 

ul.in { display: list-item; list-style-position: inside; }

這是一個名字叫小強的清單項目。他不是很可愛嗎?

這是一個名字叫小強的清單項目。他不是很可愛嗎?

這是一個名字叫小強的清單項目。他不是很可愛嗎?

list-style-position 屬性設定在何處放置清單項目標記。

說明

此屬性用於宣告清單標誌相對於清單項目內容的位置。外部 (outside) 標誌會放在離清單項目邊框邊界一定距離處,不過這距離在 CSS 中未定義。內部 (inside) 標誌處理為好像它們是插入在清單項目內容最前面的行內元素一樣。

css: list-style-position的使用與定義

可能的值

css: list-style-position的使用與定義

以上是css: list-style-position的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn