CSS border-block-color

Previous Next

Demo of the different values of the border-block-color property.

Click the property values below to see the result:

border-block-color: black;
border-block-color: blue pink;
border-block-color: #0000ff;
border-block-color: rgb(0, 255, 0);
border-block-color: rgba(0, 255, 0, 0.5);
border-block-color: hsl(0, 100%, 50%);
border-block-color: hsla(0, 100%, 50%, 0.1);
border-block-color: transparent;
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.
A demonstration on different colors of the borders in the block direction.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯