Properti CSS Umum

CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan dan tata letak elemen HTML. Berikut beberapa properti CSS umum yang sering digunakan:

color

Digunakan untuk mengubah warna teks. Contoh penggunaan:

p {
   color: blue;
}

font-family

Menentukan jenis font yang digunakan. Contoh penggunaan:

p {
   font-family: Arial, sans-serif;
}

font-size

Mengatur ukuran font. Contoh penggunaan:

p {
   font-size: 16px;
}

background-color

Digunakan untuk mengubah warna latar belakang elemen. Contoh penggunaan:

div {
   background-color: #f0f0f0;
}

margin

Mengatur ruang di sekitar elemen. Contoh penggunaan:

img {
   margin: 10px;
}

padding

Menentukan ruang dalam elemen. Contoh penggunaan:

div {
   padding: 20px;
}

border

Membuat garis tepi elemen. Contoh penggunaan:

button {
   border: 1px solid #000;
}

text-align

Mengatur perataan teks. Contoh penggunaan:

h1 {
   text-align: center;
}

display

Mengubah jenis tampilan elemen (inline, block, atau lainnya). Contoh penggunaan:

ul {
   display: inline;
}

width dan height

Mengatur lebar dan tinggi elemen. Contoh penggunaan:

img {
    width: 200px;
    height: 150px;
}

Ini hanya beberapa properti CSS umum. Anda dapat menggabungkan properti-properti ini untuk menciptakan tampilan yang sesuai dengan desain web Anda. Jangan lupa untuk merujuk ke dokumentasi CSS untuk informasi lebih lanjut dan eksperimen dengan kode CSS untuk memahaminya dengan lebih baik.

PREVIOUS
NEXT