Senin, 6 Desember 2021

Jenis-jenis Dasar Value Pada CSS

Pada kesempatan kali ini, serbakomputer akan membahas tentang jenis-jenis dasar value pada CSS, sebelumnya saya sudah menjelaskan tentang cara penulisan kode css.

Mengenal Jenis-Jenis Dasar Value Pada CSS

Di dalam CSS terdapat beberapa jenis value (nilai) yang dapat diberikan kepada Property, antara lain sebagai berikut :

Predifined Value

Predefined value merupakan nilai yang sudah terdefinisikan oleh (X)HTML. Nilai ini dapat dipilih dari beberapa alternatif pilihan yang ada.
Jenis-jenis Dasar Value Pada CSS
Sintax css diatas digunakan untuk membuat text miring pada “heading 2 (h2)”, dalam hal ini value “italic” merupakan predefined value. Untuk properti font-style terdapat pilihan value yang telah didefinisikan oleh (X)HTML yaitu italic, normal, dan oblique. Perhatikan bahwa predefined value ditulis tanpa diapit tanda petik.

Bilangan

Suatu value dapat berupa bilangan tertentu (tanpa satuan apapun).
Jenis-jenis Dasar Value Pada CSS
Sintax css diatas digunakan untuk mengatur jarak antar baris paragraf menjadi 3 kali dari ukuran fontnya.


Panjang dan Persentase

Untuk menyatakan panjang, besar dan persentase, value harus diberikan satuan seperti px (pixel), in (inch), cm (centimeter), mm (milimeter), pt (points) dan pc (picas).
Jenis-jenis Dasar Value Pada CSS
Sintax css diatas untuk membuat ukuran font 25 pixel pada “heading 2 (h2)” dan membuat garis horozontal dengan panjang 50% dari lebar jendela browser.


Warna

Untuk memberi value warna pada properti, ada beberapa cara yang dapat dilakukan yaitu dengan menuliskan secara langsung warna yang diinginkan, misal (red, green, yellow, dan lain-lain) atau dengan menuliskannya dalam kode hexadesimal.
Jenis-jenis Dasar Value Pada CSS
Sintax css diatas digunakan untuk memberi warna biru pada “heading 1 (h1)” dan warna hitam pada “paragraf (p)”.


URL

Suatu value bisa juga berupa URL, penggunaan value ini sering digunakan untuk property background.
Jenis-jenis Dasar Value Pada CSS
Sintax css diatas di gunakan untuk memberikan background gambar pada tag body yang diambil dari folder images dengan nama file images.png tanpa pengulangan.

Demikianlah tutorial jenis-jenis dasar value pada CSS, silahkan bagikan atau share artikel ini jika dirasa ada yang membutuhkan.

  • Share Post:
related posts
about author

Seseorang yang suka belajar sesuatu yang baru, terutama tentang pemrograman web. Senang berbagi tentang pengetahuan dan belajar dari yang lain.

recent posts
categories
trending posts
SERBA KOMPUTER © 2017 - 2019, ALL RIGHTS RESERVED.