2018年5月30日のブックマーク (1件)

  • blog

    CSSで点線を表示したい場合、以下のようにCSSを指定するかと思います。 border: dotted 1px #000; これで点線は表示することはできるのですが、点線の間隔を任意の数値に設定することはできません。何かよい方法はないかと調べてみたところstack overflowで以下の方法を見つけました。(5年前の。。。) How to increase space between dotted border dots linear-gradient を使いグラデーションで点線を作る それをbackground-imageに指定 それをリピートする という方法です。 グラデーションで点線を作る方法ですが、ドット部分には色を指定し、間隔部分にはtransparent(透明)を指定します。 stack overflowに書かれているコードではlinear-gradientの色の開始、終了位