名词释义 解析padding-top属性用法

开发 前端
本文向大家介绍一下padding-top属性的定义和用法,padding-top属性设置元素的上内边距(空间),即设置要在指明的对象边框与内容之间插入的间距量。

你对padding-top属性的概念是否了解,这里和大家分享一下,该属性设置元素上内边距的宽度,行内非替换元素上设置的上内边距不会影响行高计算。

padding-top属性

设置要在指明的对象边框与内容之间插入的间距量。

语法

  1. {  
  2. padding-top:  
  3. sPadding  
  4. }  
  5.  

可能的值

◆sPadding

一个变量,用于指定或接收下列值之一:

◆length

浮点数,后跟绝对单位指示符(cm、mm、in、pt或pc)或相对单位指示符(em、ex或px)。

有关支持的长度单位的详细信息,请参阅长度单位参考。

◆percentage

整数,后跟百分号(%)。此值为占父对象宽度的百分比。

对于所有对象,该属性的默认值均为0,并且该属性不会被继承。

注解

不允许为负值。

示例
以下示例使用padding-top属性更改对象的填充。本示例使用TD元素作为内嵌样式表中的选择器,将所有表格单元格的顶部填充设置为1厘米:
 

  1. <style> 
  2. td{padding-top:1cm;}  
  3. </style> 
  4.  

本示例使用内联脚本在onmouseover事件发生时将单元格的顶部填充设置为1厘米:

  1. <tdonmouseovertdonmouseover="this.style.paddingTop='1cm'"onmouseout="this.style.paddingTop=''"> 
  2. <imgsrcimgsrc="sphere.jpg"> 
  3. </td> 
  4.  

标准信息

此属性在CascadingStyleSheets(CSS),Level1(CSS1)(级联样式表(CSS),第1级(CSS1))中定义。

应用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、HN、HR、I、IMG、INPUTTYPE=BUTTON、INPUTTYPE=CHECKBOX、INPUTTYPE=FILE、INPUTTYPE=IMAGE、INPUTTYPE=PASSWORD、INPUTTYPE=RADIO、INPUTTYPE=RESET、INPUTTYPE=SUBMIT、INPUTTYPE=TEXT、INS、LI、NEXTID、OBJECT、OL、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TD、TH、TT、U、UL、VAR、XMP

【编辑推荐】

  1. CSS中padding-top和padding-left属性的区别
  2. 实例解析CSS padding 属性用法
  3. 探究IE和Firefox下的2款HTTP调试工具用法
  4. CSS教程:详解margin和padding属性应用场合
  5. 实现IE6、IE7、IE8多版本浏览器共存的五种方法

 

责任编辑:佚名 来源: microsoft.com
相关推荐

2010-08-20 15:56:58

padding-toppadding-lefCSS

2010-08-20 14:58:26

CSSpadding

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 11:16:25

padding-lef

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-24 08:56:22

CSSpadding

2010-08-20 15:12:03

marginPadding

2010-07-30 15:07:30

Flex简介

2010-08-23 08:45:08

CSSpadding内边距

2010-08-23 15:14:10

padding

2010-08-23 15:33:47

CSSpadding

2010-08-25 13:33:55

CSSpadding

2010-09-17 13:15:55

JVMJava虚拟机

2010-05-18 10:53:25

2010-06-07 18:04:07

UML

2010-08-30 11:34:32

csspadding

2010-07-27 09:30:22

2010-09-27 14:01:03

JVMJava虚拟机

2010-08-23 13:40:46

CSSpadding-bot

2010-08-19 11:22:19

marginpadding
点赞
收藏

51CTO技术栈公众号