【新サービスリリースのお知らせ】CSSで枠線をつける!border ジェネレーター
サービス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(角丸)を指定することも可能です。
是非ご活用ください!
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(角丸)を指定することも可能です。
是非ご活用ください!