• [转]CSS中继承性属性和非继承性的属性


    不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
    不可继承:也就是指子节点不能继承父节点的属性,

    ~~~ 不可继承属性:盒子模型相关的(margin border padding height width min-height max-height min-width max-width) 显示相关属性 (display,overflow) 定位属性(position left top right bottom z-index float clear vertical-align table-layout)

    譬如:
    html

    <divstyle="border:1px solid #ff0000;">

    这是父节点

    <p>

    这是子节点

    </p>

    </div>

    效果如下:

    如果子节点能继承父节点的border属性,那么也会有一个红色边框。

    所有元素可继承:visibility和cursor。
    内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。~~~内联元素可继承字体排版相关属性
    块状元素可继承:text-indent和text-align。
    列表元素可继承(~~列表相关属性):list-style、list-style-type、list-style-position、list-style-image。

    表格元素可继承:border-collapse。

  • 相关阅读:
    转载:oracle事务的ACID特性
    oracle对象之存储函数
    转载:散列冲突的解决策略
    [Linux]Redhat7配置本地镜像源
    [Linux]Redhat7配置CentOS7 YUM源
    java120经典面试题
    Dijkstra算法
    树的重构
    第三章垃圾收集器与内存分配策略
    内存区域与内存溢出异常
  • 原文地址:https://www.cnblogs.com/stephenykk/p/3109274.html
Copyright © 2020-2023  润新知