Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

CSS Учебник


CSS Продвинутый


CSS Отзывчивый


CSS Grid


CSS SASS


CSS Примеры


CSS Справочники



CSS border-color



Свойство border-color

CSS свойство border-color определяет цвет четырех границ.

Цвет может быть установлен с помощью:

  • Название - укажите название цвета, например "red"
  • HEX - укажите значение HEX, например "#ff0000"
  • RGB - укажите значение RGB, например "rgb(255,0,0)"
  • HSL - укажите значение RGB, например "hsl(0, 100%, 50%)"
  • Прозрачный

Примечание: Если border-color не устанавливается, у него отсутствует элемент цвета.

Демонстрация различных цветных границ:

p.one {
  border-style: solid;
  border-color: red;
}

p.two {
  border-style: solid;
  border-color: green;
}

p.three {
  border-style: dotted;
  border-color: blue;
}

Результат:

Red border
Green border
Blue border
Попробуйте сами »

CSS Определенный цвет границ

CSS свойство border-color может иметь от одного до четырех значений (для верхней границы, правой границы, нижней границы и левой границы):

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* красный сверху, зеленый справа, синий снизу и желтый слева */
}
Попробуйте сами »

CSS Цвет HEX

Цвет границы также можно задать с помощью шестнадцатеричного значения (HEX):

p.one {
  border-style: solid;
  border-color: #ff0000; /* красный */
}
Попробуйте сами »

CSS Цвет RGB

Или с помощью значений RGB:

p.one {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* красный */
}
Попробуйте сами »


CSS Цвет HSL

Вы также можете использовать значения HSL:

p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* красный */
}
Попробуйте сами »

Вы можете узнать больше о значениях HEX, RGB и HSL в нашем разделе главы CSS Цвета.



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.