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>實(shí)例</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>實(shí)例</title> <style type="text/css"> p { max-height:10px; background-color:yellow; } </style> </head> <body> <p>北京時(shí)間周四凌晨兩點(diǎn)公布的美聯(lián)儲9月紀(jì)要顯示,如美國經(jīng)濟(jì)持續(xù)走強(qiáng),幾位有投票權(quán)的決策者認(rèn)為利率應(yīng)該“很快”會上升。 美聯(lián)儲在會議紀(jì)要中指出“幾位委員們認(rèn)為,如若經(jīng)濟(jì)進(jìn)展如預(yù)期般展開,那么較快提高聯(lián)邦基金利率將是合適的”。</p> </body> </html>