在css中,width的意思為“寬度”,是用于設(shè)置元素寬度的一個屬性,基本語法格式“width:length|%;”;該屬性可以定義元素內(nèi)容區(qū)的寬度,在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css width屬性
width屬性設(shè)置元素的寬度。
注意: width屬性不包括填充,邊框和頁邊距!
width屬性定義元素內(nèi)容區(qū)的寬度,在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。行內(nèi)非替換元素會忽略這個屬性。
屬性值:
-
auto 默認(rèn)值。瀏覽器可計算出實際的寬度。
-
length 使用 px、cm 等單位定義寬度。
-
% 定義基于包含塊(父元素)寬度的百分比寬度。
-
inherit 規(guī)定應(yīng)該從父元素繼承 width 屬性的值。
【推薦教程:CSS視頻教程 】
示例:
<!DOCTYPE html> <html> <head> <style type="text/css"> img { width: 300px } </style> </head> <body> <img src="img/1.jpg" /> </body> </html>