• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство outline-style


CSS Справочник Полный CSS Справочник

Пример

Установить стиль контура:

p
{
outline-style:dotted;
}

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

Еще примеры внизу этой страницы.

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

Контур - это линия, которая рисуется вокруг элемента (за пределами границы), чтобы сделать этот элемент "выделяющимся".

Свойство outline-style указывает стиль контура.

Значение по умолчанию: none
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.outlineStyle="dotted"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство outline-style поддерживается всеми основными браузерами.

Замечание: IE8 поддерживает свойство outline-style, только если указано объявление !DOCTYPE.


Советы и Замечания

Контур - это линия вокруг элемента. Она отображается вокруг поля элемента. Однако это не то же самое, что и свойство границы (border).

Контур не является частью размеров элемента, поэтому ширина и высота элемента не включают толщину контура.


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

Значение Описание
none Указывает, что контура нет
dotted Указывает точечный контур
dashed Указывает пунктирный контур
solid Указывает сплошной контур
double Указывает двойной контур
groove Указывает трехмерный рифленый контур. Эффект зависит от значения свойства outline-color
ridge Указывает трехмерный заостренный контур. Эффект зависит от значения свойства outline-color
inset Указывает трехмерный вдавленный контур. Эффект зависит от значения свойства outline-color
outset Указывает трехмерный выпуклый контур. Эффект зависит от значения свойства outline-color
inherit Указывает, что стиль контура должен наследоваться от родительского элемента


Примеры

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

Установить стиль контура
Этот пример демонстрирует, как установить стиль контура.


Смотрите Также

CSS уроки: CSS Контур

CSS справочник: свойство outline


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS