Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang sifat lebar dan ketinggian CSS
Penjelasan terperinci tentang sifat lebar dan ketinggian CSS
- WBOYasal
- 2022-08-02 17:44:553898semak imbas
Artikel ini membawa anda pengetahuan yang berkaitan tentang css, yang terutamanya memperkenalkan isu berkaitan tentang menetapkan atribut ketinggian dan lebar unsur-unsur tinggi dan lebar digunakan untuk menetapkan ketinggian dan lebar elemen. sifat ketinggian dan lebar tidak termasuk pelapik, jidar atau jidar. Mari kita lihat bersama-sama, saya harap ia akan membantu semua orang. .
(Belajar perkongsian video: tutorial video css, tutorial video html)
Ketinggian tetapan CSS dan lebar
Atribut ketinggian dan lebar digunakan untuk menetapkan ketinggian dan lebar elemen.
Sifat ketinggian dan lebar tidak termasuk pelapik, jidar atau jidar. Ia menetapkan ketinggian atau lebar kawasan dalam pelapik, jidar dan jidar elemen.
Nilai tinggi dan lebar CSS
height dan sifat width boleh ditetapkan kepada nilai berikut:
auto- Lalai. Pelayar mengira ketinggian dan lebar.length- Tentukan tinggi/lebar dalam px, cm, dsb.%- Mentakrifkan ketinggian/lebar sebagai peratusan blok yang mengandungi.initial- Tetapkan tinggi/lebar kepada nilai lalai.inherit- Mewarisi tinggi/lebar daripada nilai induknya.
Contohnya adalah seperti berikut:
Tetapkan ketinggian dan lebar elemen
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
</style>
</head>
<body>
<h1>设置元素的高度和宽度</h1>
<p>这个 div 元素的高度为 200 像素，宽度为 50%：</p>
<div></div>
</body>
</html>
Ingat, sifat ketinggian dan lebar tidak termasuk pelapik, jidar atau jidar! Mereka menetapkan ketinggian/lebar kawasan dalam padding, sempadan dan jidar elemen!
Tetapkan lebar maksimum
Atribut lebar maksimum digunakan untuk menetapkan lebar maksimum elemen.
Lebar maksimum (lebar maksimum) boleh ditentukan sebagai nilai panjang (cth. px, cm, dsb.) atau sebagai peratusan (%) blok yang mengandungi, atau boleh ditetapkan kepada tiada ( lalai. Maksudnya tiada lebar maksimum). Apabila tetingkap penyemak imbas lebih kecil daripada lebar elemen (500px), masalahHasil keluaran:
<!DOCTYPE html>
<html>
<head>
<style>
div {
max-width: 500px;
height: 100px;
background-color: powderblue;
}
</style>
</head>
<body>
<h1>设置元素的最大宽度</h1>
<p>这个 div 元素的高度为 100 像素，最大宽度为 500 像素：</p>
<div></div>
<p>请调整浏览器窗口来查看效果。</p>
</body>
</html>
atribut saiz css:
(Mempelajari perkongsian video: 
tutorial video css
tutorial video html)
Atas ialah kandungan terperinci Penjelasan terperinci tentang sifat lebar dan ketinggian CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!