padding

屬性樣式	設定值
padding 內緣距離樣式	padding-bottom 之值 padding-left 之值 padding-right 之值 padding-top 之值
預設值：未定義 適用於：全部 繼承性：無

這個樣式是用來同時設定「內容」與四個「邊框(border)」之間的距離。

例如，在下面的範例中，同時設定了「內容」離上方邊框 10px，離右邊邊框 9px，離下方邊框 8px，離左邊邊框 7px。(上 右 下 左、上 右左 下、上下 左右、上右下左)。

.MyStyle {
	padding: 10px 9px 8px 7px;/* 上 右 下 左 */
	}

如果四個邊的內緣距離都一樣的話，也可簡化為：

.MyStyle {
	padding: 10px;/* 四個邊的內緣距離均為 10px */
	}

padding-bottom

屬性樣式	設定值
padding-bottom 底邊內緣距離	百分比 絕對單位：in、cm、mm、pt、pc 相對單位：em、ex、px
預設值：0 適用於：全部 繼承性：無

例如，在下面的範例中，設定了此區塊的底邊內緣距離為 10px。

.MyStyle {
	padding-bottom: 10px;
	}

padding-left

屬性樣式	設定值
padding-left 左邊內緣距離	百分比 絕對單位：in、cm、mm、pt、pc 相對單位：em、ex、px
預設值：0 適用於：全部 繼承性：無

例如，在下面的範例中，設定了此區塊的左邊內緣距離為 10px。

.MyStyle {
	padding-left: 10px;
	}

padding-right

屬性樣式	設定值
padding-right 右邊內緣距離	百分比 絕對單位：in、cm、mm、pt、pc 相對單位：em、ex、px
預設值：0 適用於：全部 繼承性：無

例如，在下面的範例中，設定了此區塊的右邊內緣距離為 10px。

.MyStyle {
	padding-right: 10px;
	}

padding-top

屬性樣式	設定值
padding-top 頂邊內緣距離	百分比 絕對單位：in、cm、mm、pt、pc 相對單位：em、ex、px
預設值：0 適用於：全部 繼承性：無

例如，在下面的範例中，設定了此區塊的頂邊內緣距離為 10px。

.MyStyle {
	padding-top: 10px;
	}

文章分類