Sifat saiz CSS
Semasa proses penciptaan halaman web, kita mungkin perlu menetapkan ketinggian, lebar, jarak, dsb. elemen, yang memerlukan kita menggunakan beberapa Atribut Dimensi.
1 atribut ketinggian
atribut ketinggian boleh menetapkan ketinggian bagi unsur yang tinggi.
Warisan: Tiada >Auto Lalai. Pelayar akan mengira ketinggian sebenar.
panjang Gunakan px, cm dan unit lain untuk menentukan ketinggian.
% Berdasarkan peratusan ketinggian objek tahap blok yang mengandungi.
2 atribut ketinggian baris
atribut ketinggian garis boleh Tetapkan jarak antara baris.
Nota: Nilai negatif tidak dibenarkan.
Warisan: YaNilai yang mungkin
Nilai >Lalai biasa. Tetapkan jarak baris yang munasabah.
nombor Tetapkan nombor yang akan didarab dengan saiz fon semasa untuk menetapkan jarak baris.
panjang Tetapkan jarak baris tetap.
% Peratusan jarak baris berdasarkan saiz fon semasa.
3 atribut ketinggian maksimum
Atribut ketinggian maksimum boleh menetapkan ketinggian maksimum sesuatu elemen. Warisan: Tiada >tiada Lalai. Takrifan tidak meletakkan had pada ketinggian maksimum yang dibenarkan untuk sesuatu elemen.
panjang mentakrifkan nilai ketinggian maksimum elemen.% mentakrifkan ketinggian maksimum sebagai peratusan objek peringkat blok yang mengandunginya.
4 atribut lebar maksimum
lebar maksimum boleh mentakrifkan lebar maksimum elemen.
Warisan: Tiada >tiada Lalai. Takrifan tidak meletakkan had pada lebar maksimum elemen.
panjang mentakrifkan lebar maksimum elemen.
% mentakrifkan lebar maksimum berdasarkan peratusan objek peringkat blok yang mengandunginya.
5. Atribut ketinggian minimum
Atribut ketinggian minimum boleh menetapkan ketinggian minimum elemen. Warisan: Tiada >panjang menentukan ketinggian minimum elemen. Nilai lalai ialah 0.% mentakrifkan ketinggian minimum sebagai peratusan objek peringkat blok yang mengandunginya.
6. Atribut lebar min
Atribut lebar min boleh menetapkan lebar minimum elemen.
Warisan: Tiada >panjang mentakrifkan nilai lebar minimum elemen. Lalai: Bergantung pada penyemak imbas.
% mentakrifkan lebar minimum berdasarkan peratusan objek peringkat blok yang mengandunginya.
7 atribut lebar
Atribut lebar boleh menetapkan lebar elemen. Warisan: Tidak . Pelayar boleh mengira lebar sebenar.panjang Gunakan px, cm dan unit lain untuk menentukan lebar.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例</title>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">这是一段句子的高和宽是 100px.</p>
</body>
</html>
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>实例</title> <style type="text/css"> p { max-height:10px; background-color:yellow; } </style> </head> <body> <p>北京时间周四凌晨两点公布的美联储9月纪要显示,如美国经济持续走强,几位有投票权的决策者认为利率应该“很快”会上升。 美联储在会议纪要中指出“几位委员们认为,如若经济进展如预期般展开,那么较快提高联邦基金利率将是合适的”。</p> </body> </html>