All Background Properties

  1. All Background Properties
    1. background-color memberi warna pada latar belakang
    1. background-image memberi gambar pada latar belakang dari suatu element
    1. background-repeat memberi perintah pada gambar yang ada di latar belakang untuk perulangan.
    1. background-position mengatur posisi gambar pada latar belakang
    1. background-attachment mengatur suatu gambar apakah jika mouse di scroll gambar ikut scroll atau tetap
    1. background-size menentukan ukuran gambar pada latar belakang
    1. background-clip menentukan area lukisan pada latar belakang
    1. background-origin menentukan dimana sebuah gambar diposisikan
    1. background mengatur latar belakang pada element secara luas

2. All Border Properties

  • border Mengatur/membuat Garis tepi secara keseluruhan
  • border-width mengatur lebar dari garis tepi secara keseluruhan
  • border-top-width mengatur lebar garis atas
  • border-right-width mengatur lebar garis kanan
  • border-bottom-width mengatur lebar garis bawah
  • border-left-width mengatur lebar garis kiri
  • border-color mengatur warna dari garis
  • border-style mengatur style dari garis
  • border-top membuat garis atas
  • border-right membuat garis kanan
  • border-bottom membuat garis bawah
  • border-left  membuat garis kiri
  • border-radius membuat sudut bulat/radius pada garis

3. All Font Properties

  • font Mengatur semua font Properties dalam satu deklarasi
  • font-weight mengatur ketebalan dari text
  • font-size mengatur ukuran font sesuai yang diinginkan
  • font-family mengatur jenis font yang ingin dipakai
  • font-style mengatur style font yang akan digunakan pada text
  • font-variant mengatur font apakah menjadi huruf kecil atau tidak

4. All Margin PropertieS

  • margin-top mengatur jarak antar element bagian atas
  • margin-right mengatur jarak antar element bagian kanan
  • margin-bottom mengatur jarak antar element bagian bawah
  • margin-left mengatur jarak antar element bagian kiri
  • margin mengatur jarak antar element secara keseluruhan

5. All Padding Properties

  • padding-top mengatur ruang pada element dengan konten bagian atas
  • padding-right mengatur ruang pada element dengan konten bagian kanan
  • padding-bottom  mengatur ruang pada element dengan konten bagian bawah
  • padding-left mengatur ruang pada element dengan konten bagian kiri
  • padding mengatur ruang pada element dengan konten secara keseluruhan

6. Properti Lebar & Tinggi

  • width Mengatur lebar pada elemen
  • height Mengatur tinggi pada elemen
  • max-width  mengatur lebar pada elemen secara maksimum
  • max-height mengatur tinggi pada elemen secara maksimum
  • min-width   mengatur lebar pada elemen secara minimum
  • min-height mengatur tinggi pada elemen secara minimum

7. All Text Properties

  • color memberi warna pada text
  • direction Menentukan arah penulisan Text
  • letter-spacing mengatur jarak spasi antar karakter/huruf
  • line-height mengatur jarak line/garis
  • text-align mengatur posisi dari text. misalnya center,left,right
  • text-decoration menentukan dekorasi yang akan ditambahkan ke Teks
  • text-indent menentukan margin/lekukan dari baris pertama dalam blok teks
  • text-overflow untuk menyembunyikan, menampilkan atau membuat scroll pada content atau gambar
  • text-shadow memberikan efek bayangan pada teks/kata
  • text-transform mengontrol kapitalisasi dari teks
  • unicode-bidi mengontrol dan mengarahkan pada tulisan unicode
  • vertical-align mengatur perataan vertical pada element. misalnya middle,bottom
  • white-space mengatur keseluruhan spasi pada elemen(ruang putih)
  • word-spacing mengatur jarak spasi antar kata/text

8. All Table Properties

  • border Membuat dan mengatur garis tepi secara keseluruhan
  • border-collapse Mengatur pembatas sel pada tabel apakah akan diciutkan atau tidak.
  • border-spacing menentukan jarak pembatas antar sel pada tabel
  • caption-side mengatur dan menentukan penempatan dari elemen caption pada tabel
  • empty-cells untuk mengatur pembatas dan latar belakang pada sel yang kosong
  • table-layout menentukan tata letak/layout untuk table

Kebutuhan akan digital IT sangat dibutuhkan dalam kegiatan sehari-hari, Bead IT Consultant merupakan pilihan tepat sebagai partner anda,kunjungi website kami dengan klik link ini : www.beadgrup.com

Leave a Reply

Your email address will not be published. Required fields are marked *