css властивість border-right-width


Властивість border-right-width дозволяє встановити товщину правої межі елементу.

Властивість `border-right-width`

Ви також можете використовувати border-width, щоб задати товщину для всіх меж елементу, або border-right, щоб задати всі властивості для правої межі.

Значення без задання дорівнює medium.

Специфікація не визначає чітко товщину кожного з ключових слів (thin, medium, thick). Проте вимагає, щоб вони розташовувалися один за одним: thin ≤ medium ≤ thick, та мали постійне значення в межах одного документу.

автор: Svitlana

Нотатка

Для того, щоб показати межу, обов’язково потрібно її стилізувати, за допомогою border-right-style або border-style.

автор: Svitlana

Синтаксис

border-right-width: medium|thin|thick|length|initial|inherit;

Властивість border-right-width може отримувати 6 значень:

medium

Лінія середньої товщини (3 пікселі)

автор: Svitlana

thin

Тонка лінія (1 піксель).

автор: Svitlana

thick

Товста лінія (6 пікселів).

автор: Svitlana

length

Для точного встановлення товщини можна використовувати будь-які одиниці виміру прийняті в CSS

автор: Svitlana

initial

Встановлює властивість у значення без задання

автор: Svitlana

inherit

Вказує на спадковість властивості від свого батьківського елемента

автор: Svitlana

Значення без задання: medium
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.borderRightWidth="5px"

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
border-right-width 1.0 1.0 1.0 3.5 4.0
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Mozilla Firefox Mobile Apple Safari
border-right-width 1.0 1.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

Товщина лише правої межі: 15px проти типової в інших сторін.

HTML

<p>Права межа — 15 пікселів, решта типової товщини.</p>

CSS

p {
    border-style: solid;
    border-right-width: 15px;
    padding: 8px;
}
автор: Svitlana

Динамічний приклад

автор: Svitlana

Демонстрація роботи властивості

автор: Svitlana

Демонстрація роботи властивості

автор: Svitlana

Приклад використання властивості

автор: Svitlana

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід