Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Thiết lập padding 4 phía cho element (CSS padding shorthand)

Thuộc tính padding gộp padding-left, right, top, bottom.

Ví dụ

<html>
    <head></head>
    <body>
        <p style="padding: 25px; border:2px solid orange;">
            This is a paragraph.
        </p>
        <p style="padding:20px 4%; border:2px solid red;">
            This is another paragraph.
        </p>
        <p style="padding: 15px 3% 10px; border:1px solid maroon;">
            Top 15px, left/right 3%, bottom 10px
        </p>
    </body>
</html>

Cú pháp: 1 giá trị (4 phía), 2 giá trị (top/bottom, left/right), 3 giá trị (top, left/right, bottom), 4 giá trị (top, right, bottom, left).