15 Properti CSS Beserta Fungsinya

Selamat datang kembali teman-teman Kode IT. Kali ini kita akan membahas tentang beberapa contoh properti css. Sebelumnya Kode IT sudah memposting tentang Pengertian dari CSS Jadi yang belum mengerti apa itu css silahkan kunjungi halaman tersebut. Nah , berikut adalah Beberapa Properti CSS dan Fungsinya.

1. Font Size

Font Size berguna untuk mengubah ukuran huruf yang sesuai dengan keinginan pengguna.

Bagaimana cara mengaturnya? Caranya mudah cukup dengan mengetik font-size: 18px; 

* Keterangan : 18 adalah ukuran dari huruf tersebut, px adalah pixel selain px ada juga yang lain seperti pc, pt, dll.

2. Font Family

Font Family berguna untuk mengatur jenis font seperti Arial, Sans serif, Times New Roman, dll. Caranya hampir sama seperti Font Size tadi yaitu font-family: sans; 

* Keterangan : sans adalah jeis fontnya jadi bisa dirubah sesuka hati 

3. Text Align

Text Align berfungsi untuk mengatur letak pada sebuah teks atau kalimat Caranya adalah dengan cara mengetikan seperti ini text-align: center;

* Keterangan : center  bisa dirubah menjadi left, right, justify,dll;

4. Margin

Margin berfungsi untuk  memberikan jarak yang antara satu objek dengan objek yang lain. margin dibagi menjadi 4 yaitu margin-top, margin-left, margin-right, dan margin-bottom.

5. Padding

Padding fungsinya hampir sama dengan margin yaitu memberikan jarak dan juga bisa dijadikan satu tapi kalau padding itu jaraknya didalam bukan diluar

6. Color (color: red;)

Color berfungsi untuk menambahkan warna

7. Background color (background-color: red;)

Berfungsi untuk menambahkan warna pada background. red bisa dirubah menjadi warna apa saja selain itu juga bisa menggunakan kode warna;

8. Width (width: 10px;)
Berfungsi untuk mengatur lebar

9. Heigth (heigth: 10px;)
Berfungsi untuk mengatur tinggi

10. Border (border: 1px solid red;)
Berfungsi untuk memberikan garis tepi. 1px adalah ukurannya, solid artinya garisnya tidak putus-putus, red adalah warnanya dan bisa dirubah dengan sesuka hati

11. Border Radius (border-radius: 5px)
Berfungsi untuk memberikan efek melengkung pada setiap sudutnya

12. Min Width (min-width: 100px;)
Berfungsi untuk menentukan minimal lebar

13. Min Heigth (min-heigth: 100px;)
Berfungsi untuk mengatur tinggi minimal

14. Max Width (max-width: 500px;)
Berfungsi untuk mengatur lebar maksimal 

15. Max Heigth (max-heigth: 500px;)
Berfungsi untuk mengatur tinggi maksimal

Itulah 15 contoh style css, Sebenarnya masih banyak style css lain yang belum ada didaftar mungkin akan datang di postingan selanjutnya. Jangan lupa untuk meberikan komentar, kritik dan saran dibawah dan jangan lupa support kami dengan cara mengikuti kami di google+ dan di sosial media kami yang lainnya. sekian terima kasih

Share this post