CSSでdashedとは違う破線をつくる方法 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/Shinji-m

3 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSでdashedとは違う破線をつくる方法 - Qiita

はじめにいままで画像で対応していたことが実はCSSで再現できると知ったとき少しうれしいですよね。今... はじめにいままで画像で対応していたことが実はCSSで再現できると知ったとき少しうれしいですよね。今回は最近知ったことを1つ。ボーダーの破線普段、borderを破線にしたい場合、border-styleはdashedを指定するかと思います。 See the Pen vYEGbxv by Shinji (@Shinji_Shinji) on CodePen. dashedは線の太さは指定できるけど、線の長さや線と線の間隔が設定できずデザインによってはdashedが使えないということがありました。その際、自分の場合はいままで画像で対応していました。もし、 CSSで線の長さや間隔が自由に設定できたらいいですね。解決方法グラデーションを使って破線を作ります。例えば、線の幅が「5px」、間隔が「5px」の破線を作る場合 See the Pen dyPMmyx by Shinji

ブックマークしたユーザー

daizo11172021/01/07

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx