在css中,width的意思为“宽度”,是用于设置元素宽度的一个属性,基本语法格式“width:length|%;”;该属性可以定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css width属性
width属性设置元素的宽度。
注意: width属性不包括填充,边框和页边距!
width属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。
属性值:
-
auto 默认值。浏览器可计算出实际的宽度。
-
length 使用 px、cm 等单位定义宽度。
-
% 定义基于包含块(父元素)宽度的百分比宽度。
-
inherit 规定应该从父元素继承 width 属性的值。
【推荐教程:CSS视频教程 】
示例:
<!DOCTYPE html> <html> <head> <style type="text/css"> img { width: 300px } </style> </head> <body> <img src="img/1.jpg" /> </body> </html>