专栏首页Html5知典padding-left 属性

padding-left 属性

用途

padding-left 该属性用于设置标签的左部填充区域的高度,负值无效。

语法

/* <length> value */ 
padding-left: 2.5em; 

/* <percentage> value */ 
padding-left: 95%;

描述

<length>

此关键词指定一个固定的最大高度。

<percentage>

此关键词始终同包含该元素的容器宽度有关。

例子

/* HTML */
<div id="red"> 
    <div id="orange"></div> 
    <div id="gray"></div>
</div>

/* CSS */
#red { 
    width: 200px; 
    height: 200px; 
    background: red; 
    padding-left: 40px; 
    } 
#orange { 
     width: 50px; 
     height: 50px; 
     background: orange; 
     } 
#gray {
    width: 50px; 
    height: 50px; 
    background: gray; 
    }

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-09-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • margin-top属性

    这个属性对于不可替换的 inline 标签没有效果,比如 <tt> 或者 <span>。

    Html5知典
  • padding-bottom 属性

    padding-botom 该属性用于设置标签的底部填充区域的高度,负值无效。

    Html5知典
  • animation-fill-mode

    Html5知典
  • margin-top属性

    这个属性对于不可替换的 inline 标签没有效果,比如 <tt> 或者 <span>。

    Html5知典
  • CSS3 黑科技 - 内凹圆角 - 径向渐变实现

    可以拿个白色圆盒子盖住方形盒子的大半边实现,但是这样,是不透明的,背景发生改变时,就要改遮盖盒子的颜色,或者背景是渐变,改起来更麻烦,或背景是图片等等,就直接不...

    用户2458785
  • padding-bottom 属性

    padding-botom 该属性用于设置标签的底部填充区域的高度,负值无效。

    Html5知典
  • CSS 定位布局 - 相对、绝对、固定三种定位

    文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据...

    Devops海洋的渔夫
  • css的position定位详解

    iii.  父级元素定位(绝对定位absolute)的子元素absolute定位情况:都不保留原文档流空白

    十月梦想
  • css常用居中

    windseek
  • 解读mpvue官方文档的Class 与 Style 绑定及不支持语法

    在vue.js项目转化为小程序时,把原来页面的代码直接拷贝过去,发现布局改变很多,很多已经设置的标签的css样式并没有显示出来,查看官方文档,得知原来vue.j...

    honey缘木鱼

扫码关注云+社区

领取腾讯云代金券