【Bootstrap5対応】Bootstrapの余白の設定する方法は?実際のコードを表示して解説
この記事のまとめ マージンは『m-○(数字)』で指定できる パディングは『p-○(数字)』で指定できる mt-1などで単一方向の余白も設定可能 Gridに対応しているのでレスポンシブデザインにも対応可能 W...
この記事のまとめ マージンは『m-○(数字)』で指定できる パディングは『p-○(数字)』で指定できる mt-1などで単一方向の余白も設定可能 Gridに対応しているのでレスポンシブデザインにも対応可能 W...
CSSの最も基本となるのが【width】プロパティです。 横幅を指定する一見単純なプロパティなのですが、サイズの指定するにはいくつかの方法があり、どれを使えばいいか悩むこともありますよね。 今回はCSSのwidthの使い...
CSSの基本となるスキルとして必須ともいえるのが『余白』です。 しかし、そこでややこしくなるのが『margin』と『padding』です。 この2つはどちらも余白を空けることができるプロパティですが、違いがよく分からない...
CSSで枠線を付けたい時ありますよね。 そんな時に使うプロパティが【border】です。 枠線は頻出するデザインですので、Webページをコーディングする上ではぜひ覚えておきたいプロパティになります。 今回は実際のコーディ...
CSSで背景画像を透過させたい時ありますよね。 単純に背景を透過させるだけでならopacityプロパティを使えばすぐにできます。 しかし、重ねた文字は透過させたくないとなるとopacityでは重ねた文字まで透過されてしま...
今のHTML、CSSコーディングで必須で求められるのは『レスポンシブデザインへの対応』です。 PCデザインだけでなく、スマホ画面でもレイアウトの崩れなくコーディングする必要があります。 そんなレスポンシブデ...