CSSでターゲットできますか ?質問する

CSSでターゲットできますか ?質問する

<br/>CSS で改行タグをターゲットにすることは可能ですか?

改行があるたびに 1 ピクセルの破線を表示したいと思います。独自の CSS を使用してサイトをカスタマイズしており、設定された HTML を変更することはできません。そうでない場合は、他の方法を使用します。

それは可能だとは思いませんが、誰かが知っている方法があるかもしれません。

ベストアンサー1

技術的には、<br>CSSで直接要素をターゲットにすることも、クラスを適用してそのクラスをターゲットにすることもできます。そうは言っても、aは<br>改行を生成し、それは単なる改行です。この要素にはコンテンツがないため、適用する意味のあるスタイルはわずかです。clearまたはposition<br>の境界線を設定することはできますが、視覚的な次元がないため、表示されません。

2つの文を視覚的に区切る場合は、水平定規これはこの目的のために意図されています。マークアップを変更できないため、CSS のみを使用してこれを実現することはできないと思います。

どうやら、他のフォーラムですでに議論されているようです。Re: CSS を使用して BR 要素の高さを設定する:

これにより、BR は、一方では通常の要素として扱われず、生成されたコンテンツ内の \A のインスタンスとして扱われる一方で、他方では CSS プロパティ (の限定されたサブセット) が許可されている点で通常の要素として扱われるという点で、やや奇妙な状態になります。

私はまた、CSS 1 仕様(上位レベルの仕様では言及されていません):

現在の CSS1 プロパティと値では、「BR」要素の動作を記述できません。HTML では、「BR」要素は単語間の改行を指定します。実際には、要素は改行に置き換えられます。CSS の将来のバージョンでは、追加および置換されたコンテンツを処理できるようになりますが、CSS1 ベースのフォーマッタは「BR」を特別に処理する必要があります。

グラント・ワグナーのテストBR他の要素のようにスタイルを設定する方法がないことを示しています。オンラインでスタイルを設定できるサイトもあります。ブラウザで結果をテストする

ペルムズはさらに調査を進め、指摘したIE8(Win7)とChrome 2/Safari 4bでは、BRある程度のスタイル設定が可能だ。そして実際、IE デモページIE Net Renderer の IE8 エンジン、そしてそれはうまくいきました。

c69はさらに調査を進め、できるスタイルマーカーかなり重いですがbr(ただし、クロスブラウザではありません)、これは親コンテナーに属しているように見えるため、改行自体には影響しません。

おすすめ記事