zoukankan      html  css  js  c++  java
  • Padding 属性中参数的定义

    一直都对CSS中Padding 属性中参数个数的定义颇为困惑,

    例如:
    body { padding: 36px;}
    body { padding: 36px 24px; }
    body { padding: 36px 24px 18px; }
    body { padding: 36px 24px 18px 12px; }

    今天查看了CSS的标准文档,其中是这样规定的:
    如果只提供一个,将用于全部的四条边;
    如果提供两个,第一个用于上-下,第二个用于左-右;
    如果提供三个,第一个用于上,第二个用于左-右,第三个用于下;
    如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。

    body { padding: 36px;}   //对象四边的补丁边距均为36px
    body { padding: 36px 24px; }
    //上下两边的补丁边距为36px,左右两边的补丁边距为24px
    body { padding: 36px 24px 18px; }
    //上、下两边的补丁边距分别为36px、18px,左右两边的补丁边距为24px
    body { padding: 36px 24px 18px 12px; }
    //上、右、下、左补丁边距分别为36px、24px、18px、12px

  • 相关阅读:
    tars go版本源码分析
    goim源码阅读
    vue weixin源码解读
    避免加锁的骚操作
    git一些常用操作
    eclipse 的习惯配置
    ai资源站
    转载 github上的一些安全资源收集
    转载 一个统计代码行数的python脚本
    C语言开发工具
  • 原文地址:https://www.cnblogs.com/meil/p/761674.html
Copyright © 2011-2022 走看看