【新サービスリリースのお知らせ】CSSで枠線をつける!border ジェネレーター

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
サービスURLはこちら
https://front-end-tools.com/generateBorder/

英語版はこちら
https://front-end-tools.com/en/generateBorder/


CSSのborderのジェネレーターをリリースいたしましたので、こちらの使い方の動画を配信しています。

このジェネレーターでは、border(枠線)をつけるためのCSSコードを生成することができます。
また、
・border-top(上だけに枠線)
・border-bottom(下だけに枠線)
・border-right(右だけに枠線)
・border-left(左だけに枠線)
の指定をすることもでき、これらを組み合わせることもできます。

borderには、solid(実線)以外にも様々な種類がありますが、以下の全ての種類を試すこともできます。
・solid(実線)
・dashed(破線)
・dotted(点線)
・double(二重線)
・groove(立体的(窪んでいる))
・ridge(立体的(隆起している))
・inset(窪んでいるような見え方)
・outset(隆起しているような見え方)

表示サンプルも用意している他、色やborder-raidius(角丸)を指定することも可能です。
是非ご活用ください!

関連する動画リスト

もっとみる