css - cssのみで画像を使用せずに境界線までのダッシュの長さを制御するにはどうすればよいですか?

Question

ボーダー下部のダッシュの長さを変更する必要があります。各ダッシュの長さを 30px にしたい。画像を使わずにこれを行う機会はありますか?

Answer 1

イメージがないと無理です。ただし、CSS グラデーション (基本的に生成された画像) を使用すると、画像を読み込まなくても実行できます。

background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;    
background-size: 60px 1px;