padding-top

  • 版本:CSS1
  • 媒体:视觉
padding-top属性在CSS内边距中是比较常用的,本文将带你深入理解padding-top属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上padding-top的演示案例,希望能够对你有所帮助。

padding-top的具体语法

padding-top<length> | <percentage>

默认值0

适用于:所有元素,除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row 外

继承性:无

动画性:是

计算值<length>

相关属性:[ padding ] || [ padding-right ] || [ padding-bottom ] || [ padding-left ]

padding-top的取值介绍

<length>
用长度值来定义内边距。不允许负值
<percentage>
用百分比来定义内边距。水平(默认)书写模式下,参照其包含块 width 进行计算,其它情况参照 height 。不允许负值

padding-top的使用说明

检索或设置对象顶边的内边距。
  • 非替代(non-Replaced)行内元素要使用该属性必须先使该对象表现为块级或内联块级。
  • 对应的脚本特性为paddingTop

padding-top的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 3.5

padding-top的完整演示案例

CSS入门(6)-margin、padding和top,绝对定位与覆盖的问题

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离...2015年11月28日

【转】CSS Margin Border Padding 详解

作者Ruthless图解CSSpadding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中...2016年3月7日

图解CSSpadding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层...2015年2月2日

CSS中Class与ID的区别,Margin与Padding的区别来源: 时间:2013-09-04 15:35:12 阅读数:1665分享到...2014年5月30日

DIV+CSS中的确“margin”和“padding”的区别

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离...2015年7月28日

Margin和padding属性区别(css新手请进)

初学CSS,网上查的有关模型资料都只是简单介绍这个模型是什么,而没有深入到具体代码的使用上,这对于我来说没有任何意义,所以自己整理一下...2015年7月22日

padding属性是css用于在一个声明中设置所有padding属性的简写属性。

padding属性是css用于在一个声明中设置所有padding属性的简写属性。Padding属性包含了paddingleft:左补距离(设置距左内边距)...2016年10月26日

CSS奇技淫巧:多列等高,padding-bottom/margin-bottom内外补丁负值法

DOCTYPEhtml>

这个css多列等高是利用padding-bottom|margin-bottom正负值相抵消的原理来制作的。css多列等高布局方案等高布局有几种不同的方法...2015年4月16日

CSS盒子模型二:内边距(填充)padding

内边距(填充):padding属性(1)作用:定义元素边框与元素内容之间的空白区域,接受长度值或百分比值,但不允许使用负值。(2)属性值设置方式...2015年2月3日

一起来看一个宽度问题,为了一目了然,我举了列子,通过列子,可以清楚的看到区别:IE6,Firefox,Opera等真实宽度=width+padding+border+marginIE5真实宽度=wi...2015年6月29日

1.先说说css中的元素分类,分为内联元素(inline)和块级元素(block),内联元素有#PCDATA(即文本...2016年3月28日

【转】详解CSS样式中margin和padding的定义

详解css样式中的margin和padding的定义这里首先我要问大家一个问题,你在学习margin和padding的时候是不是懵了...2014年7月26日

css中padding、margin属性的区别和详解

css中padding、margin属性的区别和详解本文将讲述HTML和CSS的关键—盒子模型(Boxmodel)...2016年9月11日

待添加。。。参考资料:1:http://www.uedsc.com/discussion-margin-and-padding-values.html2016年4月21日

margin英文本意是“加边于、页边的空白”,在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。padding英文本意是“填充”,在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就...2014年10月16日

CSS中margin与padding的区别

一、padding1、语法结构(1)padding-left:10px;左内边距(2)padding-right:10px;右内边距(3)padding-top:...2015年7月21日

发布于2014-11-11 12:01:49查看原文:http://www.rccoder.net/php/908.htmlpaddingmargin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父...2014年11月11日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册