zoukankan      html  css  js  c++  java
  • 初学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;" 也是允许的。未设置的属性会使用其默认值。

  • 相关阅读:
    HEOI2017游记
    uoj228:基础数据结构练习题
    bzoj1494【Noi2007】生成树计数
    bzoj1975【Sdoi2010】魔法猪学院
    bzoj2957:楼房重建
    uoj169:元旦老人与数列
    bzoj2178:圆的面积并
    一道好题
    Codeforces Round #440(Div.2)
    Codeforces Round #439 (Div. 2)
  • 原文地址:https://www.cnblogs.com/hfeng007/p/9099062.html
Copyright © 2011-2022 走看看