Dimensi CSS
Saiz CSS
Atribut saiz (dimensi) css merangkumi aspek berikut:
tinggi Tetapkan ketinggian elemen.
lebar Tetapkan lebar elemen.
tinggi maks Tetapkan ketinggian maksimum elemen.
lebar maksimum Tetapkan lebar maksimum elemen.
tinggi min Tetapkan ketinggian minimum elemen.
lebar min Tetapkan lebar minimum elemen.
ketinggian garisan Tetapkan ketinggian garisan.
tinggi/min-tinggi/lebar menetapkan lebar ketinggian maksimum dan minimum bagi elemen
tinggi garisan menetapkan ketinggian garisan, yang merujuk kepada bahagian atas baris pertama kepada The. ketinggian bahagian atas baris kedua.
Tetapkan ketinggian elemen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
<p class="ex">這個段落的高和寬是 100px.</p>
</body>
</html>Tetapkan ketinggian imej menggunakan peratusan
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="small" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
</body>
</html>
