画像を使わずCSSだけで任意の間隔の破線を描く | 12px.com

2014/02/28 150 users 間隔 CSS 破線 白黒 GIF画像

cssで破線を使おうと思ったらdottedとdashedの2種類しか用意されていないので、それ以外の間隔の破線を使用したい場合にはあらかじめ白黒のgif画像を用意して、背景に繰り返して使用する事が多いです。 しかしCSS3のlinear-gradientを使用すれば任意の間隔の破線を描画する事が可能です。 CSS3を使用するので対応ブラウザがちょっと狭くなりますが1、画像を用意するのとくらべて線分... 続きを読む