Каково правильное значение, чтобы установить свойство border в CSS, чтобы удалить его?

Question

Я только что заметил, что использовал border: none и border: 0 для сброса границы в каскаде.

Существует ли One True Way ™ для сброса уже установленной границы?

Answer 1

Полностью зависит от вас, некоторые говорят одно, другие говорят другое.border: none - это «технический» способ сделать это, потому что «none» - это допустимое значение в списке для границы, но border: 0 - это просто сокращенная версия для сохранения нескольких дополнительных символов.Я даже не знаю, какой из них я использую, это не беспокоит меня в любом случае.

Редактировать: Вот еще один хороший разговор на аналогичную тему (0 против 0em) ...
Разница CSS между 0 и 0em

Answer 2

Как вы, вероятно, должны знать, border является сокращенным свойством.То, что вы можете не осознавать (и, на самом деле, для меня это тоже ново), заключается в том, что эти значения не относятся к самому сокращенному свойству, но каждое из них относится к одному из свойств сокращенной границы CSS (технически это сокращение для всех сторон, так какхорошо, но я не буду к этому):

• none это значение для border-style
• 0 это значение для border-width

В качестве дополнительного примечания каждое из этих значений является начальным значением соответствующего свойства.Другими словами, объявления border: none и border: 0 функционально эквивалентны - установка border: none также установит border-width на 0, а установка border: 0 также установит border-style на none.

Таким образом, не существует «правильного» способа объявить отсутствие границы с использованием сокращения border.Используйте то, что имеет больше смысла для вас.

Answer 3

технически, это должно быть граница: 0 <- если вы используете короткую руку, </p>

ИЛИ стиль рамки: нет; <- Я предпочитаю это, но если несколько символов имеют значение ... </p>

---

Сокращение является рамкой: [ширина] [стиль] [цвет];

http://www.w3schools.com/css/css_border.asp (или формальная спецификация: http://www.w3.org/TR/CSS2/box.html#border-properties)

Примечание: как указано в комментарии ниже. border: 0px; является избыточным, но border: 1px; - нет. Единицы измерения (em, ex, px и т. Д.) Не являются обязательными, если значение> 0.