border-color (attribute of Template Tag)


Description


This attribute defines colors of all four borders of an element.

The colors of all four borders may be coded as Well-known color names or Hexagonal (web) colors.


The examples of coding the same color of all four borders:

Type of coding

Code

Comment

Well-known color name

border-color="red"

the colors of all four borders (left, top, right, bottom) will be red

Hexagonal (web) color

border-color="#FF0000"

the colors of all four borders (left, top, right, bottom) will be red




The examples of coding the different colors of all four borders:

Type of coding

Code

Comment

Well-known color name

border-color="red;;yellow;black"

the colors of the borders will be: left=red; top=color inherited from left; right=yellow; bottom=black;

Hexagonal (web) color

border-color="#FF0000;;#FFFF00;#000000"

the colors of the borders will be: left=red; top=color inherited from left; right=yellow; bottom=black;


The color names correspond to those on the website https://www.w3schools.com/colors/colors_names.asp

When fetching data from a style file or a template file, the border-color attribute is converted to detailed attributes: border-color-left, border-color-top, border-color-right and border-color-bottom.