рамка: 2px сплошная красная VS граница: 2px красная сплошная

Question

Оба метода действительны? оба работают одинаково.

border:2px solid red;

и

border:2px red solid;

Answer 1

W3.org (официальная спецификация) говорит, что значение для свойства border сокращено так:

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

Таким образом, он указывает, что порядок, который вы должны использовать, это ширина, стиль, цвет. Другими словами, border: 2px solid red; из вашего примера.

Другой метод технически «неопределен», но браузеры обычно отображают его правильно, потому что нет никакой путаницы между значениями стиля и цвета; в настоящее время нет цвета, называемого «сплошным» или «пунктирным». В любом случае, придерживайтесь официального метода.

Answer 2

Да.

Я всегда делаю border: 2px solid red, но это мой личный выбор.

Это просто короткая рука для

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

Answer 3

В основном это работает так же, но если вы хотите быть в безопасности, используйте этот порядок при указании сокращения для границы

border-width
border-style
border-color

так

border:2px solid red;

См. http://www.w3schools.com/css/css_border.asp - Это хороший сайт для использования в качестве справочного материала для подобных вопросов.