Unterschiede zwischen border:none und border:0_Basic Tutorial

1. border:none
Abkürzung für border-style
Sehen Sie sich die folgenden Ergebnisse im Chrome-Review-Element an

Kopieren Sie den Code Der Code lautet wie folgt:

element.style {
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: initial;
border-color: initial;
}

in Firefox Wenn Sie Firebug zum Anzeigen der Elemente verwenden, werden die folgenden Ergebnisse angezeigt:

Kopieren Sie den Code Den Code ist wie folgt:

element .style {
border: medium none;
}

Achten Sie auf den mittleren Wert
2. border :0
Abkürzung von border-width
Überprüfung in Chrome Das Element sieht die folgenden Ergebnisse

Kopieren Sie den Code Das Der Code lautet wie folgt:

element.style {
border: 0;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: initial;
border-color: initial;
}

Wenn Sie Firebug verwenden, um das Element in Firefox anzuzeigen, werden die folgenden Ergebnisse angezeigt:

Code kopieren Der Code lautet wie folgt:

element.style {
border: 0 none;
}

Achten Sie auf den Unterschied zwischen border:none und border:0 in Firebug
Im Folgenden finden Sie ein Beispiel zur ausführlichen Erläuterung

Code kopieren Der Code lautet wie folgt:

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

"Border : 0“ und „border-style: dashed“

"Border: none" und "border-width: 3px"

"Border: none" und " border-style: dashed"