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

  • 相关阅读:
    2020.10.08 模拟赛 题解
    可爱路径 题解
    飞行路线 题解2
    架设电话线 题解
    浅谈 LCA
    浅谈 Tarjan 算法之强连通分量(危
    初赛题目整理1
    【求助,待续!】holes
    【题解】HDU4467
    【题解】zhx154嬲
  • 原文地址:https://www.cnblogs.com/meil/p/761674.html
Copyright © 2011-2022 走看看