Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính border-block-color cho từng đường viền trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:100%;float:left;height:auto;background:antiquewhite;margin-bottom:10px;padding:10px;border-block-width: 5px;border-block-style: solid;}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>

<h1>Thuộc tính border-block-color cho từng đường viền trong CSS</h1>

<span>Dùng để quy định màu sắc đường viền trên ở vị trí 1 và màu sắc đường viền dưới ở vị trí 2, thuộc tính này kết hợp với thuộc tính border-block-style để quy định kiểu đường viền và thuộc tính border-block-width để quy định chiều rộng cho đường viền:</span>

<div style="border-block-color: red #0000FF;">border-block-color: red #0000FF;</div>

<div style="border-block-color: red #0000FF;border-block-width: 5px 5px;border-block-style: solid double;">border-block-color: red #0000FF;border-block-width: 5px 5px;border-block-style: solid double;</div>

<div style="border-block-color: #FFD700 green;">border-block-color: #FFD700 green;</div>

<div style="border-block-color: red green;">border-block-color: red green;</div>

<div style="border-block-color: rgb(201, 76, 76) green">border-block-color: rgb(201, 76, 76) green</div>

<div style="border-block-color: rgb(201, 76, 76) rgba(201, 76, 76, 0.3)">border-block-color: rgb(201, 76, 76) rgba(201, 76, 76, 0.3)</div>

<div style="border-block-color: rgba(201, 76, 76, 0.3) hsl(89, 43%, 51%)">border-block-color: rgba(201, 76, 76, 0.3) hsl(89, 43%, 51%)</div>

<div style="border-block-color: hsla(89, 43%, 51%, 0.3) hsl(89, 43%, 51%)">border-block-color: hsla(89, 43%, 51%, 0.3) hsl(89, 43%, 51%)</div>

<div style="border-block-color: transparent hsl(89, 43%, 51%)">border-block-color: transparent hsl(89, 43%, 51%)</div>

</body>
</html>

Thuộc tính border-block-color cho từng đường viền trong CSS

Dùng để quy định màu sắc đường viền trên ở vị trí 1 và màu sắc đường viền dưới ở vị trí 2, thuộc tính này kết hợp với thuộc tính border-block-style để quy định kiểu đường viền và thuộc tính border-block-width để quy định chiều rộng cho đường viền:

border-block-color: red #0000FF;

border-block-color: red #0000FF;border-block-width: 5px 5px;border-block-style: solid double;

border-block-color: #FFD700 green;

border-block-color: red green;

border-block-color: rgb(201, 76, 76) green

border-block-color: rgb(201, 76, 76) rgba(201, 76, 76, 0.3)

border-block-color: rgba(201, 76, 76, 0.3) hsl(89, 43%, 51%)

border-block-color: hsla(89, 43%, 51%, 0.3) hsl(89, 43%, 51%)

border-block-color: transparent hsl(89, 43%, 51%)

Thuộc tính border-block-color cho từng đường viền trong CSS nằm trong bài viết Thuộc tính border-block-color trong CSS