width: 100%; display: block; background-color: lightgray; color: black; padding: 10px; } ``` このCSS には、 2 つの `@scope` ブロックがあります。 - 最初の `@scope` ブロックは、 `.feature` のクラスを持つ要素(この場合は外側の `` のみ)をスコープルートとして定義し...
<!DOCTYPE html> @vite('resources/css/app.css') Document This is My Blog Title Lorem ipsum
<line x1="0" y1="100%" x2="100%" y2="0" stroke-width="1" stroke="#333" /> </svg> 問題としては、枠線色と td の背景色が固定になること。 (枠線色や背景色を変えるならその分 css を定義する必要がある) ただまあ今回私が使う分には問題ないので、ひとまずこれでいきます。
アイテムの交差軸方向の寸法の合計値が、配置コンテナーの寸法よりも小さく、アイテムの寸法が auto であった場合、アイテムの寸法は {{cssxref("max-height")}}/{{cssxref("max-width")}} (または同等の機能) で課された制約を尊重しつつ、均等の寸法 (比例的ではない) に拡大されるの...
.image { float: left; shape-outside: circle(50%); width: 200px; height: 200px; margin-right: 15px; }上の例では、画像要素に.imageクラスを適用されています。この例では画像は左に寄せられ、shape-outside: circle(50%);はテキストが回り込む円形を作成します。shape-outsideを効果的...
・width:要素の幅*・height:要素の高さ*・max-width:要素の最大の幅*・max-height:要素の最大の高さ*・padding:要素のコンテンツの周囲のスペース(Note:背景を設定すると要素のpaddingスペースが色付けされます)・border:要素のスペースを囲む線...
こんにちは、Yuiです。今回はiframeを使ってYouTube動画を埋め込んだ際にものすごく簡単にレイアウトを整える方法をお伝えします。(私はVueで書いてますが、要はCSSを工夫するだけなので…