Круглый знак с красной каймой
2.6 | Преимущество встречного движения | Подробнее | |
Описание знакаЧерная и красная стрелка на белом круге с красной рамкой Запрещается въезд на узкий участок дороги, если это может затруднить встречное движение. Водитель должен уступить дорогу встречным транспортным средствам, находящимся на узком участке или противоположном подъезде к нему. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.1 | Въезд запрещен | Подробнее | |
Описание знака"Кирпич" или белый прямоугольник на красном круге Запрещается въезд всех транспортных средств в данном направлении. От действия данного знака могут отступать маршрутные транспортные средства: трамвай, троллейбус, автобус. |
|||
3.2 | Движение запрещено | Подробнее | |
Описание знакаБелый круг с красной рамкой Запрещается движение всех транспортных средств. От действия данных знаков могут отступить: 1. Маршрутные ТС; 2. Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке; 3. Транспортные средства, управляемые инвалидами I и II групп, перевозящие таких инвалидов или детей-инвалидов, если на указанных транспортных средствах установлен опознавательный знак "Инвалид". |
|||
3.3 | Движение механических транспортных средств запрещено | Подробнее | |
Описание знакаАвтомобиль в белом круге с красной рамкой Движение механических транспортных средств запрещено. Гужевые повозки, велосипеды и веломобили могут продолжать движение. От действия данных знаков могут отступить: 1. Маршрутные ТС; 2. Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке; 3.Транспортные средства, управляемые инвалидами I и II групп, перевозящие таких инвалидов или детей-инвалидов, если на указанных транспортных средствах установлен опознавательный знак "Инвалид". |
|||
3.4 | Движение грузовых автомобилей запрещено | Подробнее | |
Описание знакаГрузовик в белом круге с красной рамкой Запрещается движение грузовых автомобилей и составов транспортных средств с разрешенной максимальной массой более 3,5 т (если на знаке не указана масса) или с разрешенной максимальной массой более указанной на знаке, а также тракторов и самоходных машин. Знак 3.4 не запрещает движение грузовых автомобилей, предназначенных для перевозки людей, транспортных средств организаций федеральной почтовой связи, имеющих на боковой поверхности белую диагональную полосу на синем фоне, а также грузовых автомобилей без прицепа с разрешенной максимальной массой не более 26 тонн, которые обслуживают предприятия, находящиеся в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке. |
|||
3.5 | Движение мотоциклов запрещено | Подробнее | |
Описание знакаМотоцикл в белом круге с красной рамкой Запрещается движение любых мотоциклов (колясками и без них). От действия данного знака могут отступить: Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке. |
|||
3.6 | Движение тракторов запрещено | Подробнее | |
Описание знакаТрактор в белом круге с красной рамкой Запрещается движение тракторов любых видов и самоходных машин (скреперов, грейдеров и т. п.). От действия данного знака могут отступать: Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке. |
|||
3.7 | Движение с прицепом запрещено | Подробнее | |
Описание знакаПрицеп в белом круге с красной рамкой Запрещается движение грузовых автомобилей и тракторов с прицепами любого типа, а также буксировка механических транспортных средств. От действия данного знака могут отступать: Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке; |
|||
3.8 | Движение гужевых повозок запрещено | Подробнее | |
Описание знакаЛошадь в белом круге с красной рамкой Запрещается движение гужевых повозок (саней), верховых и вьючных животных, а также прогон скота. От действия данного знака могут отступать: Транспортные средства организаций федеральной почтовой связи, имеющие на боковой поверхности белую диагональную полосу на синем фоне, и транспортные средства, которые обслуживают предприятия, находящиеся в обозначенной зоне, а также обслуживают граждан или принадлежат гражданам, проживающим или работающим в обозначенной зоне. В этих случаях транспортные средства должны въезжать в обозначенную зону и выезжать из нее на ближайшем к месту назначения перекрестке. |
|||
3.9 | Движение на велосипедах запрещено | Подробнее | |
Описание знакаВелосипед в белом круге с красной рамкой Запрещается движение велосипедов и мопедов. Знак не запрещает вести руками велосипед (мопед) по тротуару (пешеходной дорожке), а при его отсутствии — по правой обочине дороги (по ходу движения транспортных средств). |
|||
3.10 | Движение пешеходов запрещено | Подробнее | |
Описание знакаПеречеркнутый человек в белом круге с красной рамкой Запрещено движение пешеходов, а также лиц, которые считаются пешеходами: передвигающиеся в инвалидных колясках без двигателя, ведущие велосипед, мопед, мотоцикл, везущие санки, тележку, детскую или инвалидную коляску. Действие знака распространяется только на ту сторону дороги, где он установлен. |
|||
3.11 | Ограничение массы | Подробнее | |
Описание знакаЦифра с буквой Т на белом круге с красной рамкой Запрещается движение транспортных средств, в том числе составов транспортных средств, общая фактическая масса которых больше указанной на знаке. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.12 | Ограничение массы, приходящейся на ось транспортного средства | Подробнее | |
Описание знакаЦифра с буквой Т и ось автомобиля на белом круге с красной рамкой Запрещается движение транспортных средств, у которых фактическая масса, приходящаяся на какую-либо ось, превышает указанную на знаке. 1. Нагрузка на ось грузовых автомобилей распределяется следующим образом: на двухосных автомобилях — 1/3 на переднюю часть, 2/3 на заднюю ось; на трехосных автомобилях — по 1/3 на каждую ось. 2. Если нагрузка на ось больше, чем на знаке, водитель должен объехать данный участок дороги по другому маршруту. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.13 | Ограничение высоты | Подробнее | |
Описание знакаЦифра с буквой М и черные треугольники на белом круге с красной рамкой Запрещается движение транспортных средств, габаритная высота которых (с грузом или без груза) больше указанной на знаке. Если высота автомобиля (с грузом или без него) больше, чем на знаке, то водитель должен объехать участок дороги по другому маршруту. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.14 | Ограничение ширины | Подробнее | |
Описание знакаЦифра с буквой М и черные треугольники на белом круге с красной рамкой Запрещается движение транспортных средств, габаритная ширина которых (с грузом или без груза) больше указанной на знаке. Если ширина автомобиля (с грузом или без него) больше, чем на знаке, то водитель должен объехать данный участок дороги по другому маршруту. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.15 | Ограничение длины | Подробнее | |
Описание знакаГрузовик с цифрой и буквой М на белом круге с красной рамкой Запрещается движение транспортных средств (составов транспортных средств) габаритная длина которых (с грузом или без груза) больше указанной на знаке. Если габаритная длина автомобиля (составов транспортных средств) больше указанной на знаке, то водитель должен объехать данный участок дороги по другому маршруту. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.16 | Ограничение минимальной дистанции | Подробнее | |
Описание знакаАвтомобиль догоняет другого на белом круге с красной рамкой Запрещается движение транспортных средств с дистанцией между ними меньше указанной на знаке. Зона действия: 1. От места установки знака до ближайшего перекрестка за ним, а в населенных пунктах при отсутствии перекрестка - до конца населенного пункта. Действие знаков не прерывается в местах выезда с прилегающих к дороге территорий и в местах пересечения (примыкания) с полевыми, лесными и другими второстепенными дорогами, перед которыми не установлены соответствующие знаки. 2. Зона действия может ограничиваться таб. 8.2.1. «Зона действия». 3. До знака 3.31 «Конец зоны всех ограничений». Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.17.1 | Таможня | Подробнее | |
Описание знакаНадпись "Таможня" на белом круге с красной рамкой Запрещается проезд без остановки у таможни. |
|||
3.17.2 | Опасность | Подробнее | |
Описание знакаНадпись "опасность" на белом круге с красной рамкой Запрещается дальнейшее движение всех без исключения транспортных средств в связи с дорожно-транспортным происшествием, аварией, пожаром или другой опасностью. Знак устанавливается в местах, угрожающих жизни и здоровью людей. За знак проезд запрещен всем без исключения. |
|||
3.17.3 | Контроль | Подробнее | |
Описание знакаНадпись "Stop Контроль" на белом круге с красной рамкой Запрещается проезд без остановки через контрольные пункты. |
|||
3.18.1 | Поворот направо запрещен | Подробнее | |
Описание знакаЗачеркнутая стрелка направо на белом круге с красной рамкой Запрещает поворот направо. 1. Отступают: маршрутные транспортные средства (трамвай, троллейбус, автобус). 2. Действие знака распространяется только на то пересечение, перед которым установлен знак. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.18.2 | Поворот налево запрещен | Подробнее | |
Описание знакаЗачеркнутая стрелка налево на белом круге с красной рамкой Запрещает поворот налево. ОБРАТИТИЕ ВНИМАНИЕ: знак не запрещает разворот. 1. Отступают: маршрутные транспортные средства (трамвай, троллейбус, автобус). 2. Действие знака распространяется только на то пересечение, перед которым установлен знак. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.19 | Разворот запрещен | Подробнее | |
Описание знакаПеречеркнутая стрелка обратно на белом круге с красной окантовкой ОБРАТИТЕ ВНИМАНИЕ: знак не запрещает поворот налево. 1. Отступают: маршрутные транспортные средства (трамвай, троллейбус, автобус). 2. Действие знака распространяется только на то пересечение, перед которым установлен знак. Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.20 | Обгон запрещен | Подробнее | |
Описание знакаКрасная и черная машина на белом круге с красной окантовкой Запрещается обгон всех транспортных средств, кроме тихоходных транспортных средств, гужевых повозок, мопедов и двухколесных мотоциклов без бокового прицепа. Зона действия: 1. От места установки знака до ближайшего перекрестка за ним, а в населенных пунктах при отсутствии перекрестка - до конца населенного пункта. Действие знаков не прерывается в местах выезда с прилегающих к дороге территорий и в местах пересечения (примыкания) с полевыми, лесными и другими второстепенными дорогами, перед которыми не установлены соответствующие знаки. 2. Зона действия может ограничиваться таб. 8.2.1 «Зона действия». 3. До знака 3.21 «Конец зоны запрещения обгона». 4. До знака 3.31 «Конец зоны всех ограничений». Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.21 | Конец зоны запрещения обгона | Подробнее | |
Описание знакаПеречеркнутые серые автомобили на белом круге с красной окантовкой Отменяет действие знака 3.20 «Обгон запрещен». Если на знаке желтый фон, то знак является временным. В случаях если значения временных дорожных знаков и стационарных дорожных знаков противоречат друг другу, водители должны руководствоваться временными знаками. |
|||
3.22 | Обгон грузовым автомобилем запрещен | Подробнее | |
CSS-границ
CSS Border Properties
Свойства CSS border
позволяют указать стиль, ширину и цвет границы элемента.
У меня есть границы со всех сторон.
У меня красная нижняя граница.
У меня синяя левая граница.
CSS Border Style
Свойство в стиле границы
указывает тип отображаемой границы.
Допустимы следующие значения:
-
пунктирная
- Определяет пунктирную границу -
пунктирная
- Определяет пунктирную границу -
solid
- Определяет сплошную границу -
двойной
- Определяет двойную границу -
groove
- Определяет трехмерную желобчатую границу.Эффект зависит от значения цвета границы -
ridge
- Определяет трехмерную ребристую границу. Эффект зависит от значения цвета границы - Вставка
-
outset
- Определяет трехмерную границу outset. Эффект зависит от значения цвета границы -
нет
- не определяет границы -
скрыто
- Определяет скрытую границу
Свойство в стиле границы
может иметь от одного до четырех значений (для верхняя граница, правая граница, нижняя граница и левая граница).
Пример
Демонстрация различных стилей границ:
p.dotted {border-style: dotted;}
p.dashed {стиль границы: пунктир;}
p.solid {стиль границы: сплошной;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
п.mix {border-style: пунктирная пунктирная сплошная двойка;}
Результат:
Пунктирная граница.
Пунктирная граница.
Сплошная граница.
Двойная кайма.
Паз границы. Эффект зависит от значения цвета границы.
Граница хребта. Эффект зависит от значения цвета границы.
Граница врезки. Эффект зависит от значения цвета границы.
Начальная граница. Эффект зависит от значения цвета границы.
Без границ.
Скрытая граница.
Смешанная граница.
Попробуй сам " Примечание: Ни одно из ДРУГИХ свойств границы CSS (о которых вы узнаете больше в следующих главах) не будет иметь ЛЮБОГО эффекта, если только Свойство в стиле границы
установлено!
,
border-radius - веб-технология для разработчиков
CSS-свойство border-radius
закругляет углы внешней границы элемента. Вы можете установить один радиус, чтобы сделать круглые углы, или два радиуса, чтобы сделать эллиптические углы.
Это свойство является сокращением для установки четырех свойств border-top-left-radius
, border-top-right-radius
, border-bottom-right-radius
и border-bottom-left-radius
Радиус применяется ко всему фону
, даже если элемент не имеет границы; Точная позиция отсечения определяется свойством background-clip .
Свойство border-radius
не применяется к элементам таблицы, когда border-collapse
равен collapse
.
Примечание: Как и с любым сокращенным свойством, отдельные дочерние свойства не могут наследовать, например, в border-radius: 0 0 наследуют
, что частично перекрывает существующие определения. Вместо этого должны использоваться отдельные свойства.
Синтаксис
/ * Синтаксис первого радиуса допускает от одного до четырех значений * / / * Радиус установлен для всех 4 сторон * / радиус границы: 10 пикселей; / * вверху слева и внизу справа | вверху справа и внизу слева * / радиус границы: 10px 5%; / * левый верхний | верхний правый и нижний левый | справа внизу * / радиус границы: 2px 4px 2px; / * левый верхний | верхний правый | справа внизу | слева внизу * / радиус границы: 1px 0 3px 4px; / * Синтаксис второго радиуса допускает от одного до четырех значений * / / * (первые значения радиуса) / радиус * / радиус границы: 10px / 20px; / * (первые значения радиуса) / вверху слева и внизу справа | вверху справа и внизу слева * / радиус границы: 10px 5% / 20px 30px; / * (первые значения радиуса) / слева вверху | верхний правый и нижний левый | справа внизу * / радиус границы: 10px 5px 2em / 20px 25px 30%; / * (первые значения радиуса) / слева вверху | верхний правый | справа внизу | слева внизу * / радиус границы: 10px 5% / 20px 25em 30px 35em; / * Глобальные значения * / border-radius: наследовать; border-radius: начальный; border-radius: не установлен;
Свойство border-radius
указано как:
- один, два, три или четыре
<длина>
или<процент>
значений.Это используется для установки единого радиуса для углов. За - необязательно следуют "/" и одно, два, три или четыре значения
<длина>
или<процент>
. Это используется для установки дополнительного радиуса, так что вы можете иметь эллиптические углы.
Значения
-
<длина>
- Обозначает размер радиуса окружности или полуизображений большой и малой осей эллипса, используя значения длины. Отрицательные значения недействительны.
-
<процент>
- Обозначает размер радиуса окружности или полуизображений большой и малой осей эллипса с использованием процентных значений. Проценты по горизонтальной оси относятся к ширине поля; проценты для вертикальной оси относятся к высоте поля. Отрицательные значения недействительны.
Например:
пограничный радиус: 1em / 5em; /* ... эквивалентно: */ border-top-left-radius: 1em 5em; border-top-right-radius: 1em 5em; граница-нижний-правый-радиус: 1em 5em; граница нижний левый радиус: 1em 5em;
border-radius: 4px 3px 6px / 2px 4px; / *... эквивалентно: */ border-top-left-radius: 4px 2px; border-top-right-radius: 3px 4px; граница нижний правый радиус: 6px 2px; граница нижний левый радиус: 3 пикселя 4 пикселя;
Формальный синтаксис
<длина-процент> {1,4} [/ <длина-процент> {1,4}]?, где
<длина-процент> = <длина> | <процент>
Примеры
граница: сплошная 10px; / * граница изогнется в 'D' * / радиус границы: 10px 40px 40px 10px;
границы: паз 1em красный; радиус границы: 2em;
фон: золото; бордюр: хребет золотой; радиус границы: 13em / 3em;
границы: нет; радиус границы: 40px 10px;
границы: нет; радиус границы: 50%;
граница: пунктирная; ширина границы: 10px 4px; радиус границы: 10px 40px;
граница: пунктирная; ширина границы: 2px 4px; радиус границы: 40 пикселей;
Live Samples
Технические характеристики
Совместимость браузера
Обновление данных о совместимости на GitHubРабочий стол | Мобильный | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | 96660 Android 93560 браузер Firefox для Android 960 Android браузерOpera для Android | Safari на iOS | Samsung Интернет | ||||
border-radius | Chrome Полная поддержка 4
| Edge Полная поддержка 12
| Firefox Полная поддержка 4
| IE Полная поддержка 9 | Opera Полная поддержка 10.5
| Safari Полная поддержка 5
| WebView Android Полная поддержка 2
| Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4
| Opera Android Полная поддержка 11 | Safari iOS Полная поддержка 4.2
| Samsung Интернет Android Полная поддержка 1.0 |
Эллиптические бордюры | Хром Полная поддержка 1
| Edge Полная поддержка 12 | Firefox Полная поддержка 4 | IE Полная поддержка 9 | Opera Полная поддержка 10.5 | Safari Полная поддержка 3
| WebView Android Полная поддержка ≤37 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 11 | Safari iOS Полная поддержка 4.2 | Samsung Интернет Android Полная поддержка 1,0 |
проценты | хром Полная поддержка 8 | Edge Полная поддержка 12 | Firefox Полная поддержка 4
| IE Полная поддержка 9 | Opera Полная поддержка 11,5
| Safari Полная поддержка 5.1 | WebView Android Полная поддержка ≤37 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 11.5 | Safari iOS Полная поддержка 6 | Samsung Интернет Android Полная поддержка 1,0 |
4 значения для 4 углов | Chrome Полная поддержка 4 | Edge Полная поддержка 12 | Firefox Полная поддержка 4 | IE Полная поддержка 9 | Opera Полная поддержка 10.5 | Safari Полная поддержка 5 | WebView Android Полная поддержка ≤37 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 11 | Safari iOS Полная поддержка 4.2 | Samsung Интернет Android Полная поддержка 1.0 |
Легенда
- Полная поддержка
- Полная поддержка
- См. Примечания по реализации.
- См. Примечания к реализации.
- Требуется префикс поставщика или другое имя для использования.
- Требуется префикс поставщика или другое имя для использования.
См. Также
,border - Веб-технология для разработчиков
Сокращенное свойство CSS border
задает границу элемента. Он устанавливает значения шириной границы
, границы стиля
и цвета границы
.
составляющих свойств
Это свойство является сокращением для следующих свойств CSS:
Примеры
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https: // github.com / mdn / interactive-examples и отправьте нам запрос на получение. Как и во всех сокращенных свойствах, любые пропущенные вложенные значения будут установлены в свои начальные значения. Важно отметить, что границу
нельзя использовать для указания пользовательского значения для грани
, а вместо этого установить его в исходное значение, то есть , но не
.
Сокращение границы
особенно полезно, когда вы хотите, чтобы все четыре границы были одинаковыми. Однако, чтобы сделать их отличными друг от друга, вы можете использовать свойства с шириной границы ,
и цвета границы
, которые принимают разные значения для каждой стороны.В качестве альтернативы, вы можете выбрать одну границу за раз с физическими (например,
border-top
) и логическими (например, border-block-start
) свойствами границ.
Границы против контуров
Границы и контуры очень похожи. Однако контуры отличаются от границ следующими способами:
- Контуры никогда не занимают места, поскольку они нарисованы вне содержимого элемента.
- Согласно спецификации, контуры не обязательно должны быть прямоугольными, хотя обычно они есть.
Синтаксис
/ * стиль * / граница: сплошная; / * ширина | стиль */ граница: 2px пунктирная; / * стиль | цвет */ граница: начало # f33; / * ширина | стиль | цвет */ граница: средняя пунктирная зеленая; / * Глобальные значения * / граница: наследовать; граница: начальная; граница: не установлена;
Свойство border
может быть указано с использованием одного, двух или трех значений, перечисленных ниже. Порядок значений не имеет значения.
Примечание: Граница будет невидимой, если ее стиль не определен.Это потому, что стиль по умолчанию нет
.
значений
-
<ширина линии>
- Устанавливает толщину границы. По умолчанию
средний
, если отсутствует. См.ширина границы
. -
- Устанавливает стиль рамки. По умолчанию
нет
, если отсутствует. См.в стиле границы
. -
- Устанавливает цвет рамки.По умолчанию
currentcolor
, если отсутствует. Смбордюра
.
Формальное определение
Формальный синтаксис
|| <стиль линии> || , где
= <длина> | тонкий | средний | толстый
<стиль линии> = нет | скрытый | пунктирная | пунктирная | твердый | двойной | паз | хребет | вставка | outset
= | | | | | | текущий цвет | , где
= rgb (<процент> {3} [/ <альфа-значение>]?) | rgb (<число> {3} [/ <альфа-значение>]?) | rgb (<процент> # {3}, <альфа-значение>?) | rgb (<число> # {3}, <альфа-значение>?)
= rgba (<процент> {3} [/ <альфа-значение>]?) | rgba (<число> {3} [/ <альфа-значение>]?) | rgba (<процент> # {3}, <альфа-значение>?) | rgba (<число> # {3}, <альфа-значение>?)
= hsl ( <процент> <процент> [/ <альфа-значение>]?) | hsl ( , <процент>, <процент>, <альфа-значение>?)
= hsla ( <процент> <процент> [/ <альфа-значение>]?) | hsla ( , <процент>, <процент>, <альфа-значение>?) , где
<альфа-значение> = <число> | <процент>
= <число> | <угол>
Пример
HTML
У меня есть рамка, контур и тень от коробки! Удивительно, не правда ли? Div>CSS
div { граница: 0.5рем розового цвета; контур: 0.5рем твердый хаки; box-shadow: 0 0 0 2rem небесно-голубой; радиус границы: 12 пикселей; шрифт: жирный 1rem без засечек; поле: 2rem; набивка: 1рем; смещение контура: 0,5 мм; }Результат
Технические характеристики
Совместимость браузера
Данные совместимости обновлений на GitHub
Desktop Мобильный Chrome Край Firefox Internet Explorer Opera Safari Android WebView Chrome для Android Firefox для Android Opera для Android Safari на iOS Samsung Интернет бордюр
Chrome Полная поддержка 1 Edge Полная поддержка 12 Firefox Полная поддержка 1 IE Полная поддержка 4 Opera Полная поддержка 3.5 Safari Полная поддержка 1 WebView Android Полная поддержка ≤37 Chrome Android Полная поддержка 18 Firefox Android Полная поддержка 4 Opera Android Полная поддержка 14 Safari iOS Полная поддержка 1 Samsung Интернет Android Полная поддержка 1.0 Легенда
- Полная поддержка
- Полная поддержка
См. Также
.