HTML5中,padding屬性的設置方式有所改變。在HTML4中,padding屬性的取值可以使用百分比、長度或關鍵字等多種方式,而在HTML5中padding屬性的取值方式更加簡單。
padding: 上 下 左 右;
在HTML5中,padding屬性的取值方式為“上、下、左、右”,這四個方向的取值可以使用長度、百分比或關鍵字等方式,不同的方向之間使用空格分隔開。
舉例來說,如果要將一個元素的上下左右padding都設為10px,可以這樣寫:
padding: 10px;
如果要將上下padding都設為20px,左右padding都設為10px,可以這樣寫:
padding: 20px 10px;
同樣的,如果要將上padding設為5px,下padding設為10%,左padding設為20px,右padding設為2em,可以這樣寫:
padding: 5px 10% 20px 2em;
需要注意的是,在HTML4中,padding屬性需要使用單獨的屬性來設置每個方向的取值,如padding-top、padding-right等等。而在HTML5中,只需一個padding屬性就可以靈活地控制元素的上下左右padding值。
上一篇樣式表css包括類id