-
ID:Y6b9in さんの質問

見出しの装飾について質問です。
普通にCSSでhタグを装飾すると文字の長さは無関係に、親要素の幅いっぱいにボーダー等が描画されてしまいますよね?
diplay: inline以外の方法で見出しの文字幅に応じたボーダーや背景色の設定の仕方を教えて下さい。

inlineにすると合わせてdivで囲ったりしないとブロック要素にならないので、マークアップが不要に煩雑になるのは避けたいので、なんとかhタグひとつで上記の要件を満たした装飾を行いたいです。

皆さんはどのようにしてこれを実現していますか?

みんなの回答 3 件

ID:Y6b9in さんの回答

質問者ですが解決しました。
inline-block使えば一発でした。忘れてました。

ID:c/PDGi さんの回答

え?widthで幅設定すればいいんじゃないの?

ID:Y6b9in

それだと固定なので文字列に応じた枠にはなりませんよ。
設定幅より多くなったら改行されてしまいますし短い場合は余白ができます

ID:Fu1e6f さんの回答

ブラウザどこまで対応するのかなぁとか思ったら終わってた。

最終更新日:2013-12-19 (6,902 views)

関連するトピックス

ページ上部に戻る