Padding CSS ~ KODELOVER

properti padding CSS menentukan spasi putih antara konten elemen dan batas elemen.

padding membersihkan area di sekitar konten (di dalam perbatasan) elemen.
Catatan Catatan: padding dipengaruhi oleh warna latar belakang elemen!

Dengan CSS, Anda memiliki kontrol penuh atas padding. Ada properti CSS untuk menyetel padding untuk setiap sisi elemen (atas, kanan, bawah, dan kiri).

CSS padding properties

Sifat padding CSS digunakan untuk menghasilkan ruang di sekitar konten.

properti padding mengatur ukuran ruang putih antara elemen konten dan batas elemen.

Unsur ini memiliki padding 50px.

padding - Sisi Individu

CSS memiliki properti untuk menentukan padding untuk setiap sisi elemen:

    padding-top
    padding-right
    padding-bottom
    padding-left

Semua properti padding dapat memiliki nilai berikut:

    panjang - menentukan padding pada px, pt, cm, dll.
    % - menentukan padding pada% dari lebar elemen yang mengandung
    Mewarisi - menentukan bahwa padding harus diwarisi dari elemen induk

Contoh berikut mengatur padding yang berbeda untuk keempat sisi elemen <p>:
Contoh

p {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}

padding - properti Shorthand

Untuk mempersingkat kode, Anda bisa menentukan semua properti padding dalam satu properti.

properti padding adalah properti singkat untuk sifat padding individu berikut:

    padding-top
    padding-right
    padding-bottom
    padding-left

Contoh

p {
padding: 50px 30px 50px 80px;
}

Jadi, begini cara kerjanya:

Jika properti padding memiliki empat nilai:

    padding: 25px 50px 75px 100px;
        padding atas adalah 25px
        padding kanan adalah 50px
        Bantalan bawah adalah 75px
        padding kiri adalah 100px

Jika properti padding memiliki tiga nilai:

    padding: 25px 50px 75px;
        padding atas adalah 25px
        Tunggangan kanan dan kiri adalah 50px
        Bantalan bawah adalah 75px

Jika properti padding memiliki dua nilai:

    padding: 25px 50px;
        punggung bagian atas dan bawah adalah 25px
        Tunggangan kanan dan kiri adalah 50px

Jika property padding memiliki satu nilai:

    padding: 25px;
        Keempat sisinya adalah 25px

Semua properties padding CSS
padding properti singkat untuk mengatur semua properti padding dalam satu deklarasi
padding-bottom Mengatur padding bagian bawah sebuah elemen
padding-left Mengatur padding kiri dari sebuah elemen
padding-right Mengatur padding elemen yang benar
padding-top Mengatur padding atas elemen

KODELOVER

Padding CSS

Related Post