初學css list-style屬性


網上很多css布局中會看到這樣的一句:list-style:none;

那么list-style到底什么意思?中文即:列表樣式:無;

其實它是一個簡寫屬性,包含了所有列表屬性,具體包含list-style-type、list-style-position、list-style-image 

list-style-type:設置列表項標記的類型。我們使用ul->li或是ol->li(有序無序)結構時,有小圓點就是這一屬性控制。值有【none,disc(默認標記實心圓),square,decimal...】

 

 

list-style-position:設置在何處放置列表項標記.即標記相對於列表項內容的位置。值有【inside、outside(默認,文本左側)、inherit(從父元素繼承list-style-position的值)】

list-style-image :設置使用自定義圖像來替換列表項的標記。值有【URL,none(默認),inherit】

綜觀:list-style:none;

等價於==>>{

      list-style-type:none;

      list-style-position::none;

      list-style-image :none;  

                    }

所以:{       list-style:目錄樣式類型|目錄樣式位置|url      }

 可以不設置其中的某個值,比如 "list-style:circle inside;" 也是允許的。未設置的屬性會使用其默認值。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM