cari

Rumah >hujung hadapan web >tutorial css >Unit panjang relatif dalam CSS

Unit panjang relatif dalam CSS

WBOY
WBOYke hadapan
2023-08-26 20:57:031319semak imbas

Dalam CSS, unit panjang relatif digunakan untuk menentukan panjang berbanding atribut panjang yang lain. .

2ex x-tinggi berbanding fon semasa remvw7 berbanding dengan elemen induk 
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
   text-decoration: overline underline;
   text-decoration-color: blue;
   font-size: 1.4em;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>
Output Lihat contoh lain Output
3

4
Saiz fon berbanding elemen akar

5
1% berbanding dengan ruang pandang lebar*
h berbanding 1 % daripada ketinggian viewport*
vmin berbanding dengan mulut viewport * 1% daripada saiz yang lebih besar

Contoh

Mari kita lihat contoh menggunakan unit panjang relatif:

Demonstrasi

−

Demonstrasi Langsung

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
   text-decoration: overline underline;
   text-decoration-color: blue;
   font-size: 4ch;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

Atas ialah kandungan terperinci Unit panjang relatif dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Tetapkan lebar kotak menggunakan CSSArtikel seterusnya：Tetapkan lebar kotak menggunakan CSS

Artikel berkaitan

Lihat lagi