Разница между атрибутами border и border-width в стилях CSS

В чем разница между приведенными ниже стилями CSS?

border: 5px;

против

border-width: 5px;
border — это сокращение от border-width, border-style и border-color.
vapurrmaid 09.02.2019 06:36
w3schools.com/css/css_border.asp
Malik Naik 09.02.2019 06:45
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
6
2
610
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Когда вы используете:

border: 5px;

Затем вы должны использовать с ним 3 сокращенных свойства:

border-width
border-style (required)
border-color

Когда вы используете единственную ширину, это не сработает, вам также нужно написать стиль границы, и если вы напишете единственный стиль границы, тогда он будет работать с шириной по умолчанию и цветом по умолчанию в качестве цвета текста.

И когда вы используете:

border-width: 5px;

Он назначит сокращенное свойство CSS border-width и установит ширину всех четырех сторон границы элемента.

Согласно документам MDN, свойство border будет нормально работать без всех трех атрибутов. Пока порядок сохраняется, 5px, 5px solid и solid black являются допустимыми значениями: developer.mozilla.org/en-US/docs/Web/CSS/border

Nikolas Stevenson-Molnar 09.02.2019 06:46

Но без border-style работать не будет, согласно w3schools.

mitesh7172 09.02.2019 06:51

Ах да, ты прав! MDN на самом деле также показывает это, я просто пропустил это.

Nikolas Stevenson-Molnar 09.02.2019 07:00

@NikolasStevenson-Molnar нет необходимости в каком-либо конкретном порядке, solid 2px, black 2px solid или black solid 2px будут работать.

Temani Afif 09.02.2019 09:20

Другие вопросы по теме