Différences entre border:none et border:0_Basic Tutorial

1. border:none
Abréviation de border-style
Voir les résultats suivants dans l'élément de révision Chrome

Copiez le code Le code est le suivant :

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

dans Firefox Si vous utilisez Firebug pour afficher les éléments, vous verrez les résultats suivants :

Copiez le code Le code est la suivante :

element .style {
border: medium none;
}

Faites attention à la valeur moyenne
2. border :0
abréviation de border-width
revue en chrome L'élément voit les résultats suivants

Copiez le codeLe le code est le suivant :

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;
}

Si vous utilisez Firebug pour afficher l'élément dans Firefox, vous verrez les résultats suivants :

Copier le code Le code est le suivant :

element.style {
border: 0 none;
}

Faites attention à la différence entre border:none et border:0 dans firebug
Ce qui suit est un exemple à expliquer en détail

Copier le code Le code est le suivant :

< div class="setwidth">
"Bordure : 0" et "border-width : 3px"

"Bordure : 0" et "border-style: dashed"

"Bordure : aucune" et "border-width : 3px"

"Bordure : aucune" et " border-style: dashed"