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

  • 相关阅读:
    vj p1034题解
    2010.11.9南高模拟赛
    vj p1041神风堂人数 题解
    noi99钉子和小球 解题报告
    vj p1032题解
    vj p1037题解
    vj p1040题解
    vj p1038题解
    vj p1042捕风捉影 题解
    vj p1046 观光旅游 题解
  • 原文地址:https://www.cnblogs.com/meil/p/761674.html
Copyright © 2011-2022 走看看