こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック

ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景（background）を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景（上下左右に沿って1つずつ）を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で

[coliss]

CSSのボーダーを破線や点線にするスタイルシートのテクニック。

[knjname]

CSSが長かろうがCSSで済むのは大きいメリットあるよ

[kkobayashi]

いいね。文字が流れたり点滅したりできたらもっとカッコイイんじゃないか？

[tmayuko312]

table…角丸画像…キラキラの枠線…spacer.gif…コピペで使えるタグ素材屋……ウッ！頭が…

[north_korea]

画像じゃなくCSSでやるメリットは拡大しても綺麗だからとか様々なデバイス上で同じように表示されるとかだと思う。知らんけど。

[AyeBee_TY]

この長文のCSS、なんと画像を使うと一瞬で実現できます。現代のHTML開発は間違った方向に進んでると思う。

[sc3wp06ga]

デザイナーなんていないし、ましてやwindowsのペイントしか手元にない開発者からすると、ペッとcss張り付ければ済むのは楽。あんまり複雑なことを長大なcssでやろうとする奴は知らん。

[sotq17]

“CSSのボーダーを破線や点線にするスタイルシートのテクニック”

[tossy_yukky]

アニメーションすげーな

[amautt]

デザイン

[cl-gaku]

プログラマが全部やってるところだとこれを画像で作ろうなんで面倒くさくてやってられねーわな

[tettekete37564]

無粋だけどテクニックではなく仕様では

[AzuLitchi]

画像でやるとHTML4.0の時代に逆行しちゃう

[kijtra]

これは ”CSSのボーダー” ではなく背景画像です

[kmartinis]

ながーい

[sippo_des]

昔流行りましたね

[arapro]

おー、ステキ。mixin化してすぐ使えるようにしよ。/ 画像との比較の話があるのでメリットを列挙。調整しやすい。レスポンシブならブレークポイントごとに値を変えたり、個々のプロパティでアニメーションもかけられる

[djshigy]

css

[suquiya0]

メモ。

[hatest]

細い背景を４つ組み合わせてるだけ

[fai_fx]

魔法使い…

[nonono-notch]

css、border、ボーダー、generator、