list-style-position屬性用來指定要在清單開頭顯示的標記的位置,有外部和內部的規範方法,本篇文章將為大家介紹關於CSS中list-style- position的使用方法,下面我們就來看看具體的內容。
list-style-position是什麼?
它是用來指定
讓我們透過新增以下值來指定清單中標記的位置。
outside
標記顯示在外部,它變成縮排(縮排)顯示。
inside
標記被顯示在清單中的內容的區域的內側,它設定比所述標記和標記以外的部分的高度。
執行下列程式碼可以完全刪除標記。
list-style-position: inside; list-style-type: none;
我們來看具體的程式碼
HTML
<ul> <li>test</li> <li>test</li> <li>test</li> </ul>
CSS
li { list-style-position: inside; list-style-type: none; }
在瀏覽器上顯示效果如下:標記(·)沒有了
本篇文章到這裡就全部結束了,更多相關內容可以關注php中文網的CSS視頻教程進一步學習! ! !
以上是如何使用CSS的list-style-position的詳細內容。更多資訊請關注PHP中文網其他相關文章!