Bottom border color: border-bottom-color — CSS: Cascading Style Sheets — Вебджем.рф

Содержание

border-bottom — Справочник CSS

schoolsw3.com

САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

❮ Назад CSS Справочник Далее ❯

Пример

Установить стиль нижней границы для различных элементов:

h2 {
border-bottom: 5px solid red;
}

h3 {
border-bottom: 4px dotted blue;
}

div {
border-bottom: double;
}

Попробуйте сами »

Определение и использование

Свойство border-bottom — это сокращенное свойство для (в следующем порядке):

border-bottom-width
border-bottom-style
border-bottom-color

Если параметр border-bottom-color опущен, применяемый цвет будет соответствовать цвету текста.

Значение по умолчанию:	medium none color
Унаследованный:	нет
Анимируемый:	да, см. раздел отдельные свойства . Прочитать о animatable Попробовать
Версия:	CSS1
JavaScript синтаксис:	object.style.borderBottom=»15px dotted lightblue» Попробовать

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
border-bottom	1.0	4.0	1.0	1.0	3.5

CSS Синтаксис

border-bottom: border-width border-style border-color|initial|inherit;

Значение свойств

Значение	Описание
border-bottom-width	Требуемый. Задает ширину нижней границы. Значение по умолчанию «medium»
border-bottom-style	Требуемый. Задает стиль нижней границы.Значение по умолчанию «none»
border-bottom-color	Необязательный. Задает цвет нижней границы. Значение по умолчанию цвет текста
initial	Задает для этого свойства значение индекса. Прочитать о initial
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit

Связанные страницы

CSS учебник: CSS Border

HTML DOM справочник: Свойство borderBottom

❮ Назад CSS Справочник Далее ❯

ВЫБОР ЦВЕТА

ТОП Учебники

HTML Учебник
CSS Учебник
JavaScript Учебник
КАК Учебник
SQL Учебник
Python Учебник
W3.CSS Учебник
Bootstrap Учебник
PHP Учебник
Java Учебник
C++ Учебник
jQuery Учебник

ТОП Справочники

HTML Справочник
CSS Справочник
JavaScript Справочник
SQL Справочник
Python Справочник
W3.

CSS Справочник
Bootstrap Справочник
PHP Справочник
HTML Цвета
Java Справочник
Angular Справочник
jQuery Справочник

ТОП Примеры

HTML Примеры
CSS Примеры
JavaScript Примеры
КАК Примеры
SQL Примеры
Python Примеры
W3.CSS Примеры
Bootstrap Примеры
PHP Примеры
Java Примеры
XML Примеры
jQuery Примеры

Форум | О SchoolsW3

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

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

CSS | Свойство border-bottom-color — GeeksforGeeks

Улучшить статью

Сохранить статью

Последнее обновление: 01 Авг, 2022

Читать

Обсудить

Улучшить статью

Сохранить статью

Свойство CSS border-bottom-color используется для установки цвета нижней границы элемента. Перед использованием свойства border-bottom-color всегда необходимо объявлять свойство border-style или border-bottom-style, поскольку перед изменением цвета должна существовать граница.

Текущее значение элемента является цветом по умолчанию для этого свойства. Свойство CSS border-bottom можно анимировать, но нельзя наследовать.

Синтаксис:

 цвет нижней границы: цвет|прозрачный|начальный|наследовать;

Значение по умолчанию: Начальное значение по умолчанию.

Значения свойств: Значения свойства border-bottom-color перечислены ниже:

color: Определяет цвет нижней границы.
Transparent: Указывает, что цвет границы должен быть прозрачным.
начальный: Используется для установки значения по умолчанию.
inherit: Используется, когда элемент наследует это свойство от своего родительского элемента.

Example:

< html >

< головка >

< заголовок >

CSS | border-bottom-color Property

title >

< style >

h2 {

border-bottom -фасон: однотонный;

цвет нижней границы: зеленый;

}

DIV {

пограничный стиль: солидный;

цвет нижней границы: зеленый;

}

стиль >

head >

  <   body   > 
         <   h2   >GeeksforGeeks  h2   > 
         <   div   >Я div с зеленой нижней границей.   дел   > 
   Body  > 
    HTML  >

Google Chrome 1.0 и выше
Edge 12.0 и выше
Internet Explorer 4.0 и выше
Firefox 1.0 и выше
Safari 1.0 и выше
Opera 3.5 и выше

Статьи по теме

Границы — система MUI

Редактировать эту страницу Отлично подходит для изображений, кнопок или любого другого элемента.

Граница

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

Дополнение

  …
…
…
…
…

Вычитание

 …
…
…
…
…

Bottom border color: border-bottom-color — CSS: Cascading Style Sheets