ویژگی border-block CSS

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

border-block атрибут является сокращением следующих атрибутов:

• border-block-width
• border-block-style(обязательный)
• border-block-color

если пропущены значения цвета или ширины, будут использоваться значения по умолчанию.

CSS border-block атрибут с border атрибуты очень похожи, но border-block атрибут зависит от блокового направления.

注意:соответствующие CSS атрибуты writing-mode определяет блоковое направление. Это влияет на положение начала и конца блока и border-block результат атрибута. Для английских страниц, направление строки векторной направленности слева направо, а блоковое направление вниз.

пример

пример 1

установите стиль, цвет и ширину рамки для различных элементов в блоковом направлении:

h1 {
  border-block: 5px сплошной красный;
}
h2 {
  border-block: 4px пунктирный синий;
}
div {
  border-block: двойной;
}

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

пример 2: комбинирование атрибута writing-mode

положение起始 и конечной рамки в блоковом направлении зависит от writing-mode влияние атрибута:

div {
  writing-mode: vertical-rl;
  border-block: горчичный пунктир 8px;
}

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

CSS грамматика

border-block: border-block-width border-block-style border-block-color |initial|inherit;

значение атрибута

технические детали

поддержка браузеров

числа в таблице показывают версию первого браузера, который полностью поддерживает этот атрибут.

صفحات مرتبط

آموزش:کناره CSS

منبع:ویژگی border CSS

منبع:ویژگی border-block-color CSS

منبع:ویژگی border-block-style CSS

منبع:ویژگی border-block-width CSS

منبع:ویژگی writing-mode CSS