Kursus Membuat Web

iklan

Padding CSS

Jarak antara border dengan konten (isi). Padding transparan

Padding

Padding top, right, bottom, dan left bisa dirubah menggunakan property terpisah. Menyingkat property padding juga bisa digunakan, untuk merubah semua padding.

Nilai Yang Mungkin

Nilai Keterangan
length Menetapkan nilai padding dalam px, pt, em, dan lain-lain.
% Menetapkan nilai padding dalam persen

Padding - Individu

Dalam CSS adalah mungkin untuk menentukan padding yang berbeda untuk tiap sisi :

Contoh
p {
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
}
Lihat ...

Padding - Menyingkat Property

Untuk mempersingkat kode, diperbolehkan untuk menentukan semua property padding dalam satu property. Ini disebut menyingkat property.

Menyingkat property untuk semua property padding dengan property padding "padding":

Contoh
p {
  padding: 25px 50px;
}
Lihat ...

Property padding memiliki satu sampai empat nilai.

  • padding: 25px 50px 75px 100px;
    • padding atas adalah 25px
    • padding kanan adalah 50px
    • padding bawah adalah 75px
    • padding kiri adalah 100px
  • padding: 25px 50px 75px;
    • padding atas adalah 25px
    • padding kanan dcan kiri 50px
    • padding bawah adalah 75px
  • padding: 25px 50px;
    • padding atas dan bawah adalah 25px
    • padding kanan dan kiri adalah 50px
  • padding: 25px;
    • semua padding adalah 25px

Semua Property Border CSS

Property Keterangan
padding mengatur semua property padding dalam satu deklarasi
padding-bottom mengatur property bottom padding dari elemen
padding-left mengatur property left padding dari elemen
padding-right mengatur property right padding dari elemen
padding-top mengatur property top padding dari elemen

Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015