Web4College

CSS border-block-end-width property

src

Description

CSS border-block-end-width is a logical property that defines width for the end side border of a block. The selection of end side depends upon the writing-mode.

  • The end side represents bottom side for the horizontal-tb writing-mode.

  • The end side represents left or right side for the vertical-rl or vertical-lr writing-mode respectively.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

border-block-end-width : medium | thin | thick | +ve length

Property values

mediumDefault

medium value represents medium sized border. thin ≤ medium ≤ thick

border-block-end-width: medium;
Try it

thin

thin value defines thin line border.

border-block-end-width: thin;
Try it

thick

thick value defines a thick line border.

border-block-end-width: thick;
Try it

+ve length

10

lenght defines the line width of border. The used units might be px, in, em, pt.

border-block-end-width: 10px;
Try it

Applicable to

It applies to all elements