padding屬性值的順序

antzone發表於2017-04-05

關於padding的更多用法可以參閱CSS padding一章節。

本章節只是簡單的介紹一下padding屬性值的作用順序,可能很多朋友對於padding的作用非常容易就理解。

但是對於不同數目的屬性值是如何作用於元素的可能有一點點難於記憶,下面就做一下總結,以便於查閱。

如果提供全部四個引數值,將按上、右、下、左的順序作用於四邊。

如果只提供一個,將用於全部的四邊。

如果提供兩個,第一個用於上、下,第二個用於左、右。

如果提供三個,第一個用於上,第二個用於左、右,第三個用於下。

內聯物件可以使用該屬性設定左、右兩邊的內補丁;若要設定上、下兩邊的內補丁,必須先使該物件表現為塊級或內聯塊級。


相關文章