Bolehkah Sempadan CSS Ditentukan dalam Peratusan?

Ketebalan Sempadan CSS dalam Peratusan: Adakah Mungkin?

Soalan:

Semasa cuba mencipta elemen dengan sempadan yang meliputi peratusan tertentu tetingkap penyemak imbas, anda cuba menggunakan lebar sempadan:10%;, tetapi ia gagal. Adakah terdapat cara untuk menetapkan ketebalan sempadan dalam CSS menggunakan peratusan?

Jawapan:

Sempadan tidak menyokong peratusan... tetapi masih boleh dilakukan. ..

Mengikut spesifikasi CSS, peratusan tidak disokong untuk sempadan lebar:

lebar sempadan

Nilai

Peratusan

sempadan- atas-lebar

`

warisi`

border-width	Value	Percentages
border-top-width	`	inherit`	N/A

T/A

Bukan skrip penyelesaian:

Memandangkan sempadan CSS tidak menyokong peratusan, pertimbangkan untuk menggunakan elemen pembalut untuk mensimulasikan jidar:

1. Tetapkan warna latar belakang pembalut kepada warna jidar yang anda inginkan.
2. Gunakan padding dengan peratusan pada elemen pembalut, bukannya lebar sempadan.
3. Tetapkan warna latar belakang elemen kepada warna kandungan yang anda inginkan.

Teknik ini mensimulasikan sempadan peratusan menggunakan pelapik.

Contoh:

Untuk mencipta sempadan sisi lebar 25% menggunakan ini pendekatan:

HTML:

<div class="faux-borders">
  <div class="content">
    This is the element to have percentage borders.
  </div>
</div>

CSS:

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* set padding to simulate border */
}
.content {
    background-color: #fff;
}

Atas ialah kandungan terperinci Bolehkah Sempadan CSS Ditentukan dalam Peratusan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!