填充速記

padding 屬性設定元素所有邊的填充空間。填充區域是元素內容與其邊界之間的空間。不允許使用負值。

要單獨為每一側新增填充(使用 padding-toppadding-left 等),你可以將其寫為速記,如下所示:

四個值

<style>
    .myDiv {
        padding: 25px 50px 75px 100px; /* top right bottom left; */
    }
</style>
<div class="myDiv"></div>

StackOverflow 文件

三個值

<style>
    .myDiv {
        padding: 25px 50px 75px; /* top left/right bottom */
    }
</style>
<div class="myDiv"></div>

StackOverflow 文件

兩個值

<style>
    .myDiv {
        padding: 25px 50px; /* top/bottom left/right */
    }
</style>
<div class="myDiv"></div>

StackOverflow 文件

一個值

<style>
    .myDiv {
        padding: 25px; /* top/right/bottom/left */
    }
</style>
<div class="myDiv"></div>

StackOverflow 文件