Властивість border-width керує товщиною рамки навколо елемента. Ширину можна встановлювати для всіх чотирьох сторін рамки різний.
Приклади:
td {border-width: medium;}
td {border-width: thin 4px;}
td {border-width: 2px thin thick;}
td {border-width: thin 4px medium thick;}
На малюнку приклади різних значень border-width та різні їх комбінації:
Можливі значення:
thin — тонка рамка;
medium — рамка середньої товщини;
thick — товста рамка;
ширина — точне значення товщини рамки в одиницях CSS (em, ex, px, in, cm, mm, pt, pc);
inherit — запозичити значення в батьківського елемента.
Також можна вказувати два, три або чотири значення через прогалину. Якщо вказане одне значення, воно застосується до всієї рамки. Якщо два, то верхній та нижній рамці буде присвоєне перше, а лівій та правій — друге. Якщо три значення — верхній рамці буде присвоєне перше значення, лівій та правій — друге, а нижній — третє. Якщо ж вказати чотири значення, то вони будуть присвоєні по черзі верхній, правій, нижній та лівій рамці.
Об’єктна модель:
[window.]document.getElementById(“elementID”).style.borderWidth
Значення за замовчуванням: medium.
Застосовується до елементів: до всіх елементів.
Наслідується: Ні.