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

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


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

Пример

Установить стиль четырех границ:

p
{
border-style:solid;
}

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

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

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

Свойство border-style устанавливает стиль всех четырех границ элемента. Это свойство может иметь от одного до четырех значений.

Примеры:

  • border-style:dotted solid double dashed;
    • верхняя граница точечная
    • правая граница сплошная
    • нижняя граница двойная
    • левая граница пунктирная

  • border-style:dotted solid double;
    • верхняя граница точечная
    • правая и левая границы сплошные
    • нижняя граница двойная

  • border-style:dotted solid;
    • верхняя и нижняя границы точечные
    • правая и левая границы сплошные

  • border-style:dotted;
    • все четыре границы точечные
Значение по умолчанию: не указано
Наследуется: нет
Версия: CSS1
JavaScript синтаксис: объект.style.borderStyle="dotted double"


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

Internet Explorer Firefox Opera Google Chrome Safari

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

Замечание: Ни одна версия Internet Explorer (включая IE8) не поддерживает значения свойств "inherit" или "hidden".


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

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


Примеры

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

Установить различные границы на каждой стороне
Как указать разные границы на каждой стороне элемента.


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

CSS уроки: CSS Граница


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




© 2011 - 2022 Уроки CSS