bordure: 2px rouge plein VS bordure: 2px rouge plein

Question

Les deux méthodes sont-elles valides? les deux fonctionnent pareil.

border:2px solid red; 

et

border:2px red solid; 

Answer 1

W3.org (la spécification officielle) dit que la valeur de la propriété raccourcie border est le suivant:

<line-width> || <line-style> || <color> 

Il précise que l'ordre dans lequel vous devez utiliser est la largeur, le style, la couleur. En d'autres termes, border: 2px solid red; de votre exemple. L'autre méthode est techniquement "indéfinie", mais les navigateurs l'affichent généralement correctement car il n'y a pas de confusion entre les valeurs de style et de couleur; il n'y a actuellement aucune couleur appelée "solide" ou "tireté". Stick avec la méthode officielle de toute façon.

Answer 2

Oui. Je fais toujours border: 2px solid red mais c'est mon choix personnel.

Il est juste raccourci pour

element { 
    border-width: 2px; 
    border-color: red; 
    border-style: solid; 
} 

Answer 3

Il travaille essentiellement les mêmes, mais si vous voulez être utilisation en toute sécurité cet ordre lors de la spécification d'un raccourci pour la frontière

border-width 
border-style 
border-color 

si

border:2px solid red; 

Référer http://www.w3schools.com/css/css_border.asp - Ceci est un bon site à utiliser comme référence pour les problèmes de ce type.