zoukankan      html  css  js  c++  java
  • CSS中padding属性的参数顺序

    Padding属性是在网站建设的过程中是必不可少的,它的主要作用就是设定对象四边的补丁边距,padding可以说给我们带来的麻烦不少,最大的一个就是浏览器兼容性问题,这里先抛开这个不说了,单来分析一下padding中参数属性的作用规则,也就是哪个参数对应哪个补丁,从例子说起。

    test{padding:10px 12px 14px 16px}

    这里所有的参数都有了,那么它们的作用顺序是上右下左。

    Test{padding:10px 12px 14px}

    这里有3个参数,那么它们的作用顺序是第一个参数是用于上方,第二个参数是用于左右方向,第三个参数是用于下方。

    Test{padding: 10px 12px}

    这里是只有2个参数的时候,第一个参数是作用于上下方向,第二个参数是左右方向。

    Test{padding:10px;}

    只有一个参数的时候,是作用于四个方向。

    小小整理,如果不当之处请大家指正.

    滄海一粟
  • 相关阅读:
    Vue Router基础
    Bootstrap4入门
    React性能优化
    Koa,React和socket.io
    RN-进阶
    RN-入门基础
    RN-环境配置
    React高级指引
    React基础概念
    实现A-Z滑动检索菜单
  • 原文地址:https://www.cnblogs.com/zhanghaichang/p/1967344.html
Copyright © 2011-2022 走看看