問題タブ [border-image]

そのことから、単一の要素に異なる色のプロパティを適用したい場合、最後のプロパティは次のように適用できることがわかります。

そのため、テキストの色は通常どおり黄色になります。しかし、以下に述べる私の場合の問題は何ですか???

この順序で書くと、効果は適切に機能します。

しかし、この順序で書くと、効果が正しく機能しません。

また、

または、上記の最初の注文を除く他の注文。

この例とほぼ同じように、ボディの境界線を作成しようとしています。ウィンドウのサイズによって変化しますが、オーバーフローの影響を受けません。

https://css-tricks.com/examples/BodyBorder/

border-imageただし、具体的にこれを行う方法に関する情報は見つかりません。私はすでに自分border-imageとそのパラメータをすべて設定しています。オーバーフローによって壊れずに本文に適用する方法がわかりません。私が試したコードのすべてのスニペットは、スクロールを完全に妨げて、オーバーフローがページの上で単に消えるか、または防止できませんでした境界がオーバーフローによって中断されないようにします。

おまけに、境界線の端に、はみ出したテキストがフェードする領域を設ける便利な方法があればいいのにと思います。

編集: スタイル コードを追加します。コメントの 1 つに応えて、具体的に画像を使用したいと思います。色だけでなく、境界線の画像です。すでに作業している境界線の画像スタイルを適応させたいだけです。