Контуры элементов

Здравствуйте! От создания тени у элементов в CSS переходим к контурам элементов. Концепция контуров похожа на использование границ у элементов. Не стоит путать или заменять границы контурами, они имеют разное разное значение. Контуры полезны тем, что позволяют выделить элемент, чтобы привлечь к нему внимание в какой-то ситуации. Контуры располагаются вне элемента сразу за его границами. Контур в CSS 3 представлен свойством outline, хотя данное свойство является сокращением следующих свойств: outline-color: цвет контура outline-offset: смещение контура outline-style: стиль контура. Оно принимает те же значения, что и border-style: none: контур отсутствует solid: контур в виде обычной линии dashed: штриховая линия dotted: линия в виде последовательности точек double: контур в виде двух параллельных линий outline-width: толщина контура Читать далее

		Это интересно 0	Как всё будет выглядеть в блоге: Контуры элементов Здравствуйте! От создания тени у элементов в 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/13166459/" 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;"> Контуры элементов </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! От создания тени у элементов в CSS переходим к контурам элементов </div> </div> Контуры элементов <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/13166459/" 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;">Контуры элементов</a> <div style="font-family:trebuchet MS;">Здравствуйте! От создания тени у элементов в CSS переходим к контурам элементов </div> </div>

webguru

25.01.2017

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

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

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

Важные темы:

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

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

Контуры элементов

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

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