CSS top属性用法揭秘

开发 前端
本文向大家介绍一下CSS top属性的定义和用法,top 属性规定元素的顶部边缘,该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

你对CSS top 属性的用法是否了解,这里和大家分享一下,该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

CSS top 属性

定义和用法

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

注释:如果 "position" 属性的值为 "static",那么设置 "top" 属性不会产生任何效果。

说明

对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。

对于相对定义元素,如果 top 和 bottom 都是 auto,其计算值则都是 0;如果其中之一为 auto,则取另一个值的相反数;如果二者都不是 auto,bottom 将取 top 值的相反数。

实例

把图像的上边缘设置在其包含元素上边缘之下 5 像素高的位置:

  1. img  
  2.   {  
  3.   position:absolute;  
  4.   top:5px;  
  5.   }  

浏览器支持

所有主流浏览器都支持 top 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值
 

 

【编辑推荐】

  1. 解析CSS中list-style-image属性的使用
  2. IE6.0对padding的解读分析
  3. CSS border-collapse属性用法解析
  4. CSS font-family属性的定义和用法
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

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

2010-08-26 10:33:27

CSSborder

2010-08-25 08:47:16

CSScellspacingcellpadding

2010-08-24 13:34:11

CSSpadding

2010-09-10 09:42:37

borderclearCSS

2010-08-25 10:21:49

CSSmargin

2010-08-25 13:33:55

CSSpadding

2010-09-03 12:46:28

CSSexpression

2010-08-25 14:26:09

CSSdisplay

2010-08-25 14:36:35

CSSheightwidth

2010-08-23 15:33:47

CSSpadding

2010-08-23 08:45:08

CSSpadding内边距

2010-09-01 13:37:58

CSSclip属性

2010-08-25 10:46:53

margin-topCSS

2010-09-06 09:50:34

id选择器CSS

2010-09-15 15:03:52

CSS positio

2010-09-07 14:40:10

title属性Alt属性CSS

2010-09-07 16:46:59

CSSexpression

2010-08-30 15:26:13

floatCSS

2010-08-24 13:14:36

CSSmargin

2010-08-25 09:25:13

CSSmargin
点赞
收藏

51CTO技术栈公众号