Меню
×
   ❮     
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 Свойства





border-top



Пример

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

h1 {
border-top: 5px solid red;
}

h2 {
border-top: 4px dotted blue;
}

div {
border-top: double;
}
Попробуйте сами »

Определение border-top

CSS свойство border-top сокращенное определяет все свойства в одном объявлении.

The properties that can be set must be in the following order:

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

Показ демо ❯

Значение по умолчанию: medium none color
Унаследовано: no
Анимируемый: yes, просмотр отдельных свойств. Читайте о animatable Попробуй
Версия: CSS1
JavaScript синтаксис: object.style.borderTop="3px dashed blue" Попробуй

Поддержка border-top

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

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


Синтаксис border-top

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

Значения border-top

Значение Описание Демонстрация
border-top-width Требуется. Определяет ширину верхней границы. Значение по умолчанию - "medium" Демо ❯
border-top-style Требуется. Определяет стиль верхней границы. Значение по умолчанию - "none" Демо ❯
border-top-color Необязательный. Определяет цвет верхней границы. Значение по умолчанию - цвет текста Демо ❯
initial Устанавливает для этого свойства значение по умолчанию. Читайте о initial
inherit Наследует это свойство от своего родительского элемента. Читайте о inherit

Страницы по теме border-top

CSS Учебник: CSS Границы

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



×

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

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

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

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

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

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