Создаем границы для элементов в CSS

Создаем границы для
элементов в CSS
3.5.3 Border properties

Универсальное свойство border
позволяет одновременно установить
толщину, стиль и цвет границы вокруг
элемента.
border

Граница в CSS состоит из трёх свойств:
● border-color - определяется с помощью единиц цвета;
● border-style - может быть solid, dashed, dotted и др.;
● border-width - определяется с помощью единиц
размера.

h1 {
border-color: red;
}
border-color
SALAM

■ border-top — для верхней границы;
■ border-right — для правой границы;
■ border-bottom — для нижней границы;
■ border-left — для левой границы.
При помощи дополнительных свойств border в CSS вы
можете создавать стиль для каждой границы блока по
отдельности. В этом вам помогут следующие свойства:

border-bottom-color
p.dotted {
padding: 20px;
width: 200px;
height: 70px;
border-style: dotted;
border-right-width: 15px;
border-color: gold blue red;
}

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

Создаем границы для элементов в CSS

border-width
Задает толщину границы одновременно на всех
сторонах элемента или индивидуально для каждой
стороны. Способ изменения толщины зависит от числа
значений.

«Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан
финансылоо болгон.
Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда
Европалык Комиссиянын көз карашын көргөзбөйт.
Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом.
Содержание этого документа полностью является ответственностью IT Academy и никак не отражает
взгляды Европейской Комиссии.
The project “Promotion of IT training for people with disabilities” is financed by the European Union.
The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of
the European Commission.
#programmingwithoutbarriers
#cheksizprogramming

Создаем границы для элементов в CSS

More Related Content

More from IT Academy Project EU (20)

Создаем границы для элементов в CSS