Cara Menggunakan Shorthand CSS. Menggunakan Shorthand CSS adalah sebuah cara yang digunakan untuk mempersingkat script yang kita gunakan. Manfaat penggunaan shorthand adalah menghemat waktu penulisan script dan memperkecil ukuran file. Shorthand bisa digunakan untuk memperpendek penulisan script tanpa munuliskan propertinya, memperpendek nilai properti color yang menggunakan notasi hexadecimal (#) dan lain sebagainya. .Pada intinya setiap elemen mempunyai struktur default. Lebih jelasnya lihat beberapa contoh penggunaan shorthand berikut.
Berbagai Macam Penggunaan Shorthan CSS
Menggunakan Shorthand CSS untuk Font
Inti dari Shorthand adalah menuliskan nilai properti berdasarkan struktur yang sudah ditetapkan.
- Penulisan tanpa menggunakan shothand
- Struktur shothand font
- Penulisan nilai properti shorthand font
Menggunakan Shorthand CSS untuk Color
Penulisan shorthand untuk color berbeda dengan penulisan shorthand font. shorthand font digunakan untuk mempersingkat penulisan nilai color yang menggunakan nilai heksadesimal. Biasanya nilai color ditulis sepanjang 6 digit namun dengan shorthand dapat ditulis dengan 3 digit perhatikan script dibawah.
#000000 menjadi #000, #991188 menjadi #918, #999900 menjadi #990.
Penggunaan Shorthand CSS yang Lainya
- Backgroud
Jika ditulis dengan shorthand menjadi
- Border
Jika ditulis dengan shorthand menjadi
- Border Width
Jika ditulis dengan shorthand menjadi
- List Style
Jika ditulis dengan shorthand menjadi
- Margin
Jika ditulis dengan shorthand menjadi
- Outline
Jika ditulis dengan shorthand menjadi
Cukup sekian postingan dari saya tentang Cara Menggunakan Shorthand CSS. Semoga bermanfaat dan terima kasih
Posting Komentar