Perbezaan antara sempadan:tiada dan sempadan:0_Tutorial Asas

1. border:none
Singkatan gaya sempadan
Lihat hasil berikut dalam elemen semakan krom

Salin kod Kod adalah seperti berikut:

elemen.gaya {
sempadan: tiada;
gaya atas sempadan: tiada;
gaya-kanan sempadan: tiada;
sempadan- gaya bawah: tiada;
sempadan-gaya-kiri: tiada;
sempadan-lebar: awal;
sempadan-warna: awal;
}

dalam firefox Jika anda menggunakan firebug untuk melihat elemen, anda akan melihat hasil berikut:

Salin kod Kod adalah seperti berikut:

elemen .gaya {
sempadan: sederhana tiada;
}

Beri perhatian kepada nilai sederhana
2. sempadan :0
singkatan lebar sempadan
ulasan dalam chrome Elemen melihat hasil berikut

Salin kod kod adalah seperti berikut:

elemen.style {
sempadan: 0;
border-top-width: 0px;
border-right-width: 0px;
lebar-bawah-sempadan: 0px;
lebar-kiri-sempadan: 0px;
gaya-sempadan: awal;
warna-sempadan: awal;
}

Jika anda menggunakan firebug untuk melihat elemen dalam firefox, anda akan melihat keputusan berikut:

Salin kod Kod adalah seperti berikut:

elemen.gaya {
sempadan: 0 tiada;
}

Beri perhatian kepada perbezaan antara sempadan:tiada dan sempadan:0 dalam pepijat api
Berikut ialah contoh untuk menerangkan secara terperinci

Salin kod Kodnya adalah seperti berikut:

< div class="setwidth">
"Border: 0" and "border-width: 3px"

"Border : 0" dan "gaya sempadan: putus-putus"

"Sempadan: tiada" dan "lebar sempadan: 3px"

"Sempadan: tiada" dan " border-style: dashed"