[css]dottedで連続した丸い点(ドット)を表示する

2021年9月7日

構文
border-style: dotted;
連続した丸い点を表示します。点の間の空白の量は仕様書で定義されておらず、実装依存です。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cft {
width: 250px;
background-color: skyblue;
/* 連続丸い点(ドット)を表示 */
border: 3px dotted black;
}
</style>
<div class="cft">test 123455689</div>
<style> .cft { width: 250px; background-color: skyblue; /* 連続丸い点(ドット)を表示 */ border: 3px dotted black; } </style> <div class="cft">test 123455689</div>
<style>
  .cft {
    width: 250px;
    background-color: skyblue;
     /* 連続丸い点(ドット)を表示 */
    border: 3px dotted black;
  }
</style>
<div class="cft">test 123455689</div>

 

CSS

Posted by arkgame