質問: border-imageの内側にborderを設定したいのですが、表示することができません。 1つのタグでborder-imageを外側に表示しborderを内側に表示する事って可能ですか? HTML ``` あいうえお ``` CSS ``` h2 { font-size: 28px; padding: 20px 50px; background: #fffbd1; margin: 25px 0; border: 5px solid #fffbd1; border-image: url(./img/h2_bg.png) 5 5 round; } ```
回答: 詳しい仕様がわからないので詳細を検討した結果不可能になる可能性もありますが、 ::beforeなどの疑似要素を使って該当の要素に重なるように調整し、borderを付けられる可能性はあります。 ただ、かなり無理矢理な実装になりますのでmts10806さんが仰るように内側に別のボックスを入れたほうが簡単です。