Bagaimanakah Saya Boleh Membuat Sempadan Berasaskan Peratusan dalam CSS?

Bagaimana untuk Menetapkan Ketebalan Sempadan dalam Peratusan?

Menetapkan lebar sempadan menggunakan peratusan tidak disokong secara langsung dalam CSS . Walau bagaimanapun, anda boleh mensimulasikan tingkah laku ini menggunakan gabungan teknik CSS.

Anda boleh membungkus elemen yang ingin anda tambahkan sempadan dalam pembungkus elemen dengan sifat berikut:

• Tetapkan warna latar belakang elemen pembalut kepada warna jidar yang diingini.


• Tetapkan padding elemen pembalut dalam peratusan untuk mensimulasikan lebar jidar.


• Tetapkan warna latar belakang elemen dalam kepada warna yang diingini dalam sempadan.

Teknik ini mencipta ilusi peratusan sempadan dengan menggunakan padding dan warna latar belakang.

Contoh Kod

.faux-borders {
warna latar belakang: #f00;
padding: 1px 25%; / Simulasikan sempadan 25% di sisi /
}

.kandungan {
warna latar belakang: #fff;
}

< ;div>

This element has simulated percentage borders.