DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中padding和margin屬性用法說明
CSS中padding和margin屬性用法說明
編輯:CSS詳解     

本文和大家重點討論一下CSS中padding屬性margin屬性的用法,相信本文介紹一定會讓你有所收獲。

CSS中padding屬性margin屬性說明

padding屬性

padding:

檢索或設置對象四邊的補丁邊距。
語法:padding:padding-top|padding-right|padding-bottom|padding-left
說明:檢索或設置對象四邊的內補丁。對於td和th對象而言默認值為1。其他對象的默認值為0。
參數:length:長度值;%:百分比,由父元素寬度決定
初始值:對於td和th對象而言默認值為1。其他對象的默認值為0。
繼承性:不可繼承

◆注釋:不允許使用負值。

如果提供全部四個參數值,將按上-右-下-左的順序作用於四邊。
如果只提供一個,將用於全部的四條邊。
如果提供兩個,第一個用於上-下,第二個用於左-右。
如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。

margin屬性

margin:auto|length

◆參數:

 auto:值被設置為相對邊的值
length:由浮點數字和單位標識符組成的長度值|百分數。百分數是基於父對象的高度。對於內聯對象來說,左右外延邊距可以是負數值。請參閱長度單位

◆說明:

檢索或設置對象四邊的外延邊距。
如果提供全部四個參數值,將按上-右-下-左的順序作用於四邊。
如果只提供一個,將用於全部的四邊。
如果提供兩個,第一個用於上-下,第二個用於左-右。
如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。
內聯對象要使用該屬性,必須先設定對象的height或width屬性,或者設定position屬性為absolute。
在IE4+,margin屬性不可用於td和tr對象。
外延邊距始終透明。
對應的腳本特性為margin。
關於對象的尺寸與邊框,內外補丁等樣式表屬性的關系,請參看圖例以及height和width屬性。

◆示例:

body{margin:36pt24pt36pt;},即上下36,左右24
body{margin:11.5%;},即上下左右都是11.5%
body{margin:10%10%10%10%;},即上下左右都是10%,表達方式和上一種相同。

【編輯推薦】

  1. CSS padding屬性定義邊內補白方法探究
  2. IE6雙倍margin間距兩大解決方案
  3. IE6 IE7 IE8三個版本的CSS兼容速查手冊
  4. IE6下使用CSS定義DIV高度行之有效的辦法
  5. 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved