Границы в CSS

Здравствуйте! От внутренних отсутпов в CSS плавно переходим к границам элемента. Граница отделяется элемент от внешнего по отношению к нему содержимого. При этом граница является частью элемента.

Для настройки границы могут использоваться сразу несколько свойств:

border-width: устанавливает ширину границы
border-style: задает стиль линии границы
border-color: устанавливает цвет границы

Свойство border-width может принимать следующие типы значений:

Значения в единицах измерения, таких как em, px или cm
```
border-width: 2px;
```
Одно из константных значений: thin (тонкая граница - 1px), medium (средняя по ширине - 3px), thick (толстая - 5px)
```
border-width: medium;
```

Свойство border-color в качестве значения принимает цвет CSS:

border-color: red;

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Границы в CSS Здравствуйте! От внутренних отсутпов в CSS плавно переходим к границам элемента Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13107333/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Границы в CSS </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! От внутренних отсутпов в CSS плавно переходим к границам элемента </div> </div> Границы в CSS <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13107333/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Границы в CSS</a> <div style="font-family:trebuchet MS;">Здравствуйте! От внутренних отсутпов в CSS плавно переходим к границам элемента </div> </div>

webguru

11.01.2017

В избранное Пожаловаться Просмотров: 415

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Границы в CSS

Комментарии временно отключены

Открытая группа
38976 участников