Dalam CSS, ada beberapa properti yang berkaitan dengan display dan positioning elemen. Ini membantu Anda mengontrol bagaimana elemen HTML dalam halaman web Anda ditampilkan dan diatur.
Display property menentukan bagaimana elemen HTML ditampilkan, seperti sebagai blok atau baris. Misalnya, jika Anda ingin elemen HTML seperti paragraf untuk ditampilkan sebagai blok, Anda dapat menetapkan properti display sebagai block. Contoh:
p {
display: block;
}
Positioning property menentukan bagaimana elemen HTML diatur dalam halaman web. Ada empat tipe positioning: static, relative, fixed, dan absolute. Contoh:
p {
position: relative;
}
Anda juga dapat mengatur elemen HTML untuk ditempatkan di atas atau di bawah elemen lain dengan menggunakan properti z-index. Contoh:
p {
position: relative;
z-index: 1;
}
Itulah beberapa hal dasar tentang display dan positioning properties dalam CSS. Anda dapat mempelajari lebih lanjut tentang bagaimana menggunakan properti ini untuk membuat halaman web yang indah dan teratur.
0 Komentar