properti dasar CSS

Assalamualaikum wr.wb

            Kali ini kita akan membahas tentang salah satu bahasa pemrograman yaitu CSS atau Cascading Style Sheet. dan kita akan membahas tentang property dasar yang ada di CSS Adapun propertiesnya antara lain :

a.       Background

Property	Keterangan
Background	Mengatur background dalam satu deklasari
Background-attachment	Menentukan gambar background posisi tetap/bergerak jika halaman di scroll
Background-color	Menentukan warna sebagai background
Background-image	Menentukan gambar sebagai background
Background-position	Menentukan posisi ganbar background pada halaman
Background-repeat	Menentukan pengulangan gambar background
Background-clip	Menentukan area penggambaran gambar background
Background-origin	Menentukan area posisi gambar background
Background-size	Menentukan ukuran gambar background

b.      Border dan outline

Property	keterangan
Border	Mengatur semua border dalam satu deklarasi
Border-bottom	Menatur border bawah dalam satu deklarasi
Border-bottom-color	Menentukan warna border bawah
Border-bottom-style	Menentukan gaya border bawah
Border-bottom-width	Menentukan lebar border bawah
Border-color	Mengatur warna semua border dalam satu deklarasi
Border-left	Mengatur border kiri dalam satu deklarasi
Border-left-color	Menentukan warna border kiri
Border-left-style	Menentukan gaya border kiri
Border-left-width	Menentukan lebar border kiri
Border-right	Menentukan border kanan dalam satu deklarasi
Border-right-color	Menentukan warna border kanan
Border-right-style	Menentukan gaya border kanan
Border-right-width	Menentukan lebar border kanan
Border-style	Mengatur gaya semua border dalam satu deklarasi
Border-top	Mengatur border atas dalam satu deklarasi
Border-top-color	Menentukan warna border atas
Border-top-style	Menentukan gaya border atas
Border-top-width	Menentukan lebar border atas
Border-width	Mengatur lebar semua border dalam satu deklarasi
Outline	Mengatur bagian terluar border dalam satu deklarasi
Outline-color	Mengatur warna bagian terluar border
Outline-style	Mengatur gaya bagian terluar border
Outline-width	Mengatur lebar bagian terluar border
Border-bottom-left-radius	Mendefinisikan bentuk sudut kiri border bawah
Border-bottom-right-radius	Mendefinisikan bentuk sudut kanan border bawah
Border-image	Mengatur gambar latar semua border
Border-image-outset	Mengatur gambar latar border yang melampaui batas kotak border
Border-image-repeat	Mengatur pengulangan gambar latar border
Border-image-slice	Mengatur pemotongan gambar latar border
Border-image-source	Mengatur sumber gambar latar border
Border-image-width	Mengatur lembar gambar latar border
Border-radius	Mengatr bentuk sudut semua border dalam satu deklarasi
Border-top-left-radius	Mendefinisikan bentuk sudut kiri border atas
Border-top-right-radius	Mendefinisikan bentuk sudut kanan border atas
Box-shadow	Mengatur efek bayangan semua border dalam satu deklarasi

c.       Font

Property	keterangan
Font	Mengatur huruf dalam satu deklarasi
Font-family	Menentukan keluarga huruf teks,pemilihan huruf secara otomatis dilakukan browser jika jenis huruf tersedia
Font-size	Menentukan ukuran huruf
Font-style	Menentukan gaya huruf
Font-variant	Menentukan teks ditampilkan dengan huruf small caption
Font-weight	Menentukan ketebalan huruf
@font-face	Mengatur situs web untuk men-download dan menggunakan huruf aman dari situs web lain
Font-size-adjust	Mengatur ukuran huruf tetap terjaga dalam ukuran pembacaan
Font-stretch	Memilih bentuk huruf normal,condensed,expanded dari keluarga huruf

d.      Margin

Property	Keterangan
Margin	Mengatur batas tepi luar semua elemen dalam satu deklarasi
Margin-bottom	Menentukan batas tepi luar bawah
Margin-left	Menentukan batas tepi luar kiri
Margin-right	Menentukan batas tepi luar kanan
Margin-top	Menentukan batas tepi luar atas

e.       Padding

Property	keterangan
Padding	Mengatur batas tepi dalam semua elemen dalam satu deklarasi
Padding-bottom	Menentukan batas tepi dalam bawah
Padding-left	Menentukan batas tepi dalam kiri
Padding-right	Menentukan batas tepi luar kanan
Padding-top	Menentukan batas tepi luar atas

f.       Positioning

Property	keterangan
Bottom	Mengatur posisi kotak elemen dari batas tepi bawah
Clear	Menentukan elemen yang tidak mengambang
Clip	Menentukan posisi yang mutlak suatu klip
Cursor	Menentukan jenis kursor yang digunakan elemen
Display	Menentukan jenis tampilan suatu elemen
Float	Menentukan suatu elemen mengambang
Left	Menentukan arah mengambang elemen dari kiri kekanan
Overflow	Menentukan pilihan jika elemen melebihi bidang tampilan
Position	Menentukan jenis posisi elemen
Right	Menentukan arah mengambang elemen dari kanan kekiri
Top	Mengatur posisi kotak elemen dari batas tepi atas
Visibility	Menentukan elemen ditampilkan atau tidak
z-index	Mengatur perspektif letak tumpukan elemen

semoga bermanfaat...