CSS 尺寸属性用法解读

开发 前端
本文向大家介绍一下CSS 尺寸属性的概念,CSS 尺寸属性允许你控制元素的高度和宽度,这里就重点说一下CSS height属性和CSS width属性的用法。

你对CSS 尺寸属性的概念是否熟悉,这里向大家描述一下,CSS 尺寸属性允许你控制元素的高度和宽度。同样,还允许你增加行间距。

CSS 尺寸属性

CSS 尺寸属性允许你控制元素的高度和宽度。同样,还允许你增加行间距。

CSS height 属性

定义和用法

height 属性设置元素的高度。

说明

这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

实例

设置段落的高度和宽度:

  1. p  
  2.   {  
  3.   height:100px;  
  4.   width:100px;  
  5.   }  

浏览器支持

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

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

可能的值

 #p#

CSS width 属性

定义和用法

width 属性设置元素的宽度。

说明

这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

实例

设置段落的高度和宽度:

  1. p  
  2.   {  
  3.   height:100px;  
  4.   width:100px;  
  5.   }  

 浏览器支持

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

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

可能的值

其他:

【编辑推荐】

  1. DIV+CSS布局注意要点
  2. CSS中border-right-width属性使用注意事项
  3. CSS中letter-spacing属性及其用法简介
  4. CSS中使用margin属性定义网页边距
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

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

2010-09-15 14:30:07

CSS backgro

2010-09-15 13:50:04

CSSposition属性

2010-09-03 13:02:04

CSSposition

2010-08-25 14:26:09

CSSdisplay

2010-08-23 15:33:47

CSSpadding

2010-09-01 13:37:58

CSSclip属性

2010-08-23 08:45:08

CSSpadding内边距

2010-08-25 13:54:29

CSStop

2010-08-25 10:21:49

CSSmargin

2010-08-25 13:33:55

CSSpadding

2010-09-03 12:46:28

CSSexpression

2010-09-07 14:40:10

title属性Alt属性CSS

2010-09-02 15:32:51

CSSfloat

2010-09-15 13:44:01

CSS positio

2010-08-20 14:58:26

CSSpadding

2010-08-31 10:57:44

clipCSS

2010-09-15 16:57:18

CSS display

2010-08-30 11:34:32

csspadding

2010-09-07 16:46:59

CSSexpression

2010-08-30 15:26:13

floatCSS
点赞
收藏

51CTO技术栈公众号