如何使用CSS的list-style-position

list-style-position屬性用來指定要在清單開頭顯示的標記的位置，有外部和內部的規範方法，本篇文章將為大家介紹關於CSS中list-style- position的使用方法，下面我們就來看看具體的內容。

list-style-position是什麼？

它是用來指定

中標記（·）的顯示。 （相關推薦：CSS學習手冊）

讓我們透過新增以下值來指定清單中標記的位置。

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中文網其他相關文章！