width:長度值 | 百分比 | auto
預設值:auto
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義元素的寬度。
min-width:長度值 | 百分比
預設值:0
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義元素的最小寬度。
max-width:長度值 | 百分比 | none
預設值:none
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義元素的最大寬度。
height:長度值 | 百分比 | auto
預設值:auto
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義了元素內容區(content area)的高度
min-height:長度值 | 百分比
預設值:0
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義元素的最小高度。
max-height:長度值 | 百分比 | none
預設值:none
適用於:除非置換內聯元素,table-row, table-row-group
之外的所有元素
繼承性:無
動畫性:當值為 長度值 | 百分比 時
計算值:指定的值
媒 體:視覺
定義元素的最大高度。
margin:[ 長度值 | 百分比 | auto ]
預設值:看每個獨立屬性
適用於:所有元素,除非 table | inline-table | table-caption
的**類元素之外
繼承性:無
動畫性:看每個獨立屬性
計算值:看每個獨立屬性
媒 體:視覺
vertical-margin:長度值 | 百分比 | auto
vertical-margin=margin-top
,margin-bottom
預設值:0
適用於:所有元素,除非 table | inline-table | table-caption
的**類元素和非替代行內元素之外
繼承性:無
動畫性:當取值為 長度值 | 百分比 時
計算值:指定的百分比或絕對長度值
媒 體:視覺
horizontal-margin:長度值 | 百分比 | auto
horizontal-margin=margin-right
,margin-left
預設值:0
適用於:所有元素,除非 table | inline-table | table-caption
的**類元素之外
繼承性:無
動畫性:當取值為 長度值 | 百分比 時
計算值:指定的百分比或絕對長度值
媒 體:視覺
簡寫屬性。為元素設定所有四個方向(上右下左)的外邊距。
對應的指令碼特性為:margin。
分拆縱向獨立屬性。為元素設定上、下外邊距。
分拆橫向獨立屬性。為元素設定上、下外邊距。
padding:[ 長度值 | 百分比 ]
預設值:看每個獨立屬性
適用於:所有元素,除table-row-group | table-header-group | table-footer-group | table-column-group | table-row
外
繼承性:無
動畫性:看每個獨立屬性
計算值:看每個獨立屬性
媒 體:視覺
padding-*:長度值 | 百分比
padding-*=padding-top
,padding-right
,padding-bottom
,padding-left
預設值:0
適用於:所有元素,除table-row-group | table-header-group | table-footer-group | table-column-group | table-row
外
繼承性:無
動畫性:是
計算值:指定的百分比或絕對長度值
媒 體:視覺
簡寫屬性。為元素設定所有四個方向(上右下左)的內邊距。
分拆獨立屬性。為元素單獨設定上、右、下、左4個方向的內邊距。
CSS的邊框與補白
大部分網頁設計者依賴 來布局頁面元素,這是因為 可用於生成邊欄,可以為整個頁面的外觀建立複雜的結構。它也可以做些簡單的事情,如將文字放入有邊框的彩色框中。假如用 來實現 文字放入有邊框的彩色框中 非常簡單。但如果需要的只是乙個有紅色邊框 黃色背景的段落,如果段落自身有邊框與背景,豈不是容易許多?其實...
CSS 尺寸與邊框
作用改變元素的寬度 和 高度 寬度width 寬度 min width 最小寬度 max width 最大寬度 高度height 高度 min height 最小高度 max height 最大高度 頁面中允許設定尺寸的元素 所有的塊級元素都允許設定尺寸 div,p,h1,h2,ul,ol,dl,d...
CSS 尺寸與邊框
一 尺寸屬性 1.寬度 高度 屬性作用 width 寬度min width 最小寬度 max width 最大寬度 height 高度min height 最小高度 max height 最大高度 2.頁面中允許設定尺寸的元素 3.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位,預設溢位是縱向溢...