首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >padding-left 属性

padding-left 属性

作者头像
Html5知典
发布2019-11-26 17:10:40
6410
发布2019-11-26 17:10:40
举报
文章被收录于专栏:Html5知典Html5知典

用途

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; 
    }
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-09-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档