CSSのテキストインデントで2行目以降の行頭を字下げする方法
例えば、 「※注意書きホニャララ・・・」 といった記述に対して、右の画像みたいに2行目以降を自動的に字下げしたいケースってありませんか？ 今日は このようなケースを、text-indentプロパティを上手く使って、実現する方法を紹介したいと思います。 行頭を字下げするtext-indentプロパティ text-indentは、段落１行目の行頭を字下げするプロパティ。 HTML・CSSの記述や実際の表示の例は、以下のとおりです。 ◆HTML <p class=”jisage”> ※注意文とかで２行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。注意文とかで２行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。 </p> ◆CSS .jisage{ text-indent:1em; } ◆実際の表
あなたはどれにする？CSSの文字サイズ指定「px、em、%」 - デザインメモ
CSS（スタイルシート）でfont-sizeを指定するとき、pxを使わない方がいいと聞いたことがあります。 ですが、pxで指定しないとなると、今度はemと%が出てきて、どれがいいんだ？といつもよくわからないまま使っていました。 なので、どれがいいのか？そもそもこの単位たちは何なのか？復習も兼ねて調べてみました！ 目次 ・なぜ「px」で指定しない方がいいと言われているの？ ・font-sizeにおけるpx、em、%の簡単な用語説明 ※一部修正・削除（2016年12月11日） ・px、em、%の違いは、絶対？相対？ ・IEライクなfont-sizeの指定方法 ・古いIEを気にしない、スマホサイトは「rem」がおすすめ ※追記（2014年10月1日） なぜ「px」で指定しない方がいいと言われているの？ むかしむかし「IE」で文字の拡大ができない問題 ブラウザには今見ているWebサイトを拡大できる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
