Padding Dalam CSS

Padding CSS

Apa itu Padding?.. padding adalah suatu element yang mengatur ruang horizontal dan vertikal yang diatur didalam sekitar area isi atau konten dari elemen yang ditargetkan saat membangun sebuah website dalam dokumen CSS. Jadi padding bisa disebutkan untuk mengatur text atau isi dokumen di bagian dalam kotak halaman website, bukan di luar halaman webste yang di bangun.

Padding  dalam dokumen CSS juga dapat dipahami sebagai "filling". Karena  padding dalam dokumen CSS tidak mempengaruhi jarak dari elemen ke elemen lainnya tetapi hanya mendefinisikan jarak inner antara tepi atau border dan isi dari elemen dalam dokumen CSS

Atribut padding yang akan di bahas sebagai berikut :
  1. Padding Top
  2. Padding Right
  3. Padding Bottom
  4. Padding Left
  5. Padding

Padding Top

Syntax: padding-top: <value>
        Possible Value: <legth> |
                        <percentage>

Properti ini akan mendefinisikan top padding suatu element.

Contoh :
P { padding-top: 0.3em }

Padding Right

Syntax: padding-right: <value>
        Possible value: <legth> |
                        <percentage>

Properti ini akan mendefinisikan right padding suatu element.

Contoh :
P { padding-right: 0.3em }

Padding Bottom

Syntax: padding-bottom: <value>
        Possible value: <legth> |
                        <percentage>

Properti ini akan mendefinisikan bottom padding suatu element.

Contoh :
P { padding-bottom: 0.3em }

Padding Left

Syntax: padding-left: <value>
        Possible value: <legth> |
                        <percentage>

Properti ini akan mendefinisikan left padding suatu element.

Contoh :
P { padding-left: 0.3em }

Padding

Syntax: padding: <value>
        Possible value: <legth> |
                        <percentage>

Properti padding mendefinsikan padding-top. padding-right, padding-bottom dan padding-left suatu element. Properti ini akan mendefinisikan padding suatu element.

Contoh :
P { padding: 0.3em }

Dari penjelasan atribut padding di atas, bisa kalian gunakan untuk mengatur jarak horizontal serta vertikal untuk isi konten atau text yang kalian isikan di dalam dokumen html atau website yang kalian bangun.

Postingan terkait:

Belum ada tanggapan untuk "Padding Dalam CSS"

Posting Komentar