「CSS」border-left-colorプロパティで左枠の色を指定する

環境
Google Chrome 103.0.5060.134
Windows 10 home 64bit
構文
border-left-color: 色の値 ;

使用例
左枠の色に紫色(#800080)を指定します。

<!DOCTYPE html>
<html>
<head>
<style>
div {
      border: 20px solid #333 ;
      border-left-color: #800080 ;
      max-width: 50% ;
    
      height: 140px ;
      line-height: 160px ;
      text-align: center ;
      margin: 25px auto 0 ;
}
</style>
</head>
<body>

<div id="cft">this is a test data</div>

</body>
</html>

 

CSS

Posted by arkgame