Scribd
Unggah
31 tayangan

Jenis CSS Propertis Value Fungsi: CSS (Cascading Style Sheet)

CSS digunakan untuk mengatur tampilan dan tata letak elemen pada halaman web. Terdapat berbagai jenis CSS seperti inline, internal dan eksternal CSS. CSS memiliki berbagai properti seperti font, warna, ukuran dan posisi teks, gambar latar belakang, dan selector untuk menentukan elemen mana yang akan diatur. Pewarisan properti dan spesifisitas selector berperan penting dalam menerapkan gaya CSS.

Diunggah oleh

ramasajalah11
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
31 tayangan

Jenis CSS Propertis Value Fungsi: CSS (Cascading Style Sheet)

CSS digunakan untuk mengatur tampilan dan tata letak elemen pada halaman web. Terdapat berbagai jenis CSS seperti inline, internal dan eksternal CSS. CSS memiliki berbagai properti seperti font, warna, ukuran dan posisi teks, gambar latar belakang, dan selector untuk menentukan elemen mana yang akan diatur. Pewarisan properti dan spesifisitas selector berperan penting dalam menerapkan gaya CSS.

Diunggah oleh

ramasajalah11
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 2

CSS (Cascading Style Sheet)

Materi CSS :

1. Embed CSS
2. Inline CSS
3. External CSS
4. Sample CSS

Jenis CSS Propertis Value Fungsi


Font font-family Arial, verdana, sans-serif, Mengatur jenis font yang
serif dll akan digunakan

font-size Angka diikuti dengan (px, Ukuran Font


em, %)

font-weight bold, lighter, normal, Ketebalan font


bolder
line-height Angka diikuti dengan (px, Spasi antar baris
em, %)

Text color name color, hexadecimal memberi warna pada text


dan rgb(angka1, angka2,
angka3)
text-align left, right, justify mengatur format paragraf
/ text
text-indent Angka diikuti dengan (px, mengatur indentasi pada
em, %) paragraph
text-decoration none, underline, overline, mengatur dekorasi pada
line-through text
letter-spacing normal, px mengatur spasi antar huruf
word-spacing normal, px mengatur spasi antar kata
Background background-color name color, hexadecimal mengatur warna pada
dan rgb(angka1, angka2, background
angka3)
background-image url(….) mengatur gambar pada
background
background- top right mengatur posisi gambar
position top left
top center
background-repeat repeat-x, repeate-y, no- mengatur jenis
repeate pengulangan gambar
pada background

5. Selector ( Element HTML, id, class, complex selector)


6. Pseudoclass (kelas semu yang dimiliki oleh sebuah elemen HTML yang membuat kita dapat
mendefinikan style pada keadaan tertentu dari elemen tersebut) ex :
Link <a>
• :link : style default pada sebuah link (a yang memiliki href)
• :hover : style ketika kursor mouse berada diatas sebuah link / elemen
• :active : style ketika sebuah link di-klik(keadaan aktif)
• :visited : style ketika sebuah link sudah pernah dikunjungi sebelumnya (menggunakan
browser yang sama)
7. Inheritance (Pewarisan), ex : link dapat mewarisi color jika a { color : inherit }. Beberapa
properti yang memiliki pewarisan :
• Color
• Font
• Letter-spacing
• Line-height
• List-style
• Text-align
• Text-indent
• Text-transform
• Visibility
• White-space
8. Specificity (Setiap deklarasi CSS (selector) memiliki berat yang berbeda. Berat tersebut
menentukan seberapa spesifik sebuah elemen dapat dipilih oleh selector). Terdiri dari inline ->
id -> class -> elemen

Anda mungkin juga menyukai