Scribd
Unggah
6 tayangan2 halaman

Atribut CSS dan Fungsinya

Diunggah oleh

farfadh
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
6 tayangan2 halaman

Atribut CSS dan Fungsinya

Diunggah oleh

farfadh
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Jenis-jenis Atribut CSS dan Kegunaannya

Teks
- color: Mengatur warna teks.

- font-size: Menentukan ukuran huruf.

- text-align: Mengatur perataan teks (kiri, kanan, tengah).

- line-height: Menentukan jarak antar baris teks.

- text-decoration: Mengatur dekorasi teks (garis bawah, coret, dll).

Latar (Background)
- background-color: Mengatur warna latar elemen.

- background-image: Menyisipkan gambar latar.

- background-size: Menentukan ukuran gambar latar (penuh, ulang, dsb).

Kotak (Box Model)


- width/height: Mengatur lebar dan tinggi elemen.

- margin: Memberikan jarak luar elemen.

- padding: Memberikan jarak dalam elemen.

- border: Mengatur garis tepi elemen.

Posisi
- position: Menentukan metode penempatan elemen (relative, absolute, fixed, dll).

- top, left: Menyesuaikan posisi elemen relatif terhadap kontainer.

- z-index: Mengatur urutan tumpukan elemen.

Flex/Grid
- display: Menentukan tipe layout (block, flex, grid).

- flex: Mengatur fleksibilitas elemen dalam flexbox.

- grid-template-columns: Menentukan struktur kolom grid.

Efek
- box-shadow: Menambahkan bayangan pada elemen.

- opacity: Mengatur tingkat transparansi elemen.


- filter: Memberikan efek visual (blur, brightness, dll).

Animasi
- transition: Mengatur efek transisi antar kondisi elemen.

- animation: Membuat animasi kustom pada elemen.

Anda mungkin juga menyukai