a:5:{s:8:"template";s:0:"";s:4:"text";s:5377:"<p>예제 값이 양수이면 들여쓰기, 값이 음수이면 내어쓰기가 됩니다. text-indentをフォントサイズ分マイナスにして、paddingで全体を戻す。 意外と使えるので覚えておくと応用が効きますよ！ 画像を置いた時もこれでリストっぽくすることができます！ それでわ、よきコーディングライフを～(・ω<)ﾉｼ. 今回は「CSSで2行目以降を1文字下げる 【text-indent】について」の解説になります。注意書きなどをを書いてる際に、2行目以降がその記号の下に回り込んでしまう事が気になっている方もいるのではないでしょうか。今回はそれの対策について書いております。 text-indentにマイナスを指定することで、1行目の文頭が下がる（右にずれる）のではなく 左に飛び出る形になります。 本来は「1行目の字下げ」を実現するための text-indent プロパティですが、このプロパティに マイナスの値 を指定することで箇条書リストなどの整形を行うことができます。 この記事を読んだ人はこんな記事も読んでいます.  Definition and Usage. もはや太古の昔から存在した錯覚に陥っているtext-indent:-9999px;でテキストを消して背景画像を表示するという方法ですが、どこでも同じような議論はされてきているらしく、これってSEO的にどうなん？って話はやっぱり耳にします。 なぜ、text-indent:100%を指定すると、テキストの1文字目だけ親要素の幅を超えるのでしょうか？ これはtext-indent:100%ではなく、text-indent:1000pxといった親要素以上の幅を指定しても同じ現象が起きています。 ＜Chromeブラウザ表示＞ </p> <p>내어쓰기를 할 때는 왼쪽에 여백을 적절히 줍니다. </p> <p>The text-indent property specifies the indentation of the first line in a text-block.. </p> <p>들여쓰기와 내어쓰기는 text-indent 속성으로 만듭니다. 下記のように作ったのですが、text-indentがセルのなかで全く何も置きません？spanではだめなのでしょうか？それともセルの中ではtext-indentは使えないのでしょうか？ちなみにcolorは問題なくうまくい … 属性名: text-indent: 値 [ <length> | <percentage>] && [ hanging || each-line]? The first line will be indented to the left if the value is negative. よく文字をtext-indent：-9999pxで飛ばして、背景に画像を置く手法がありますが、CSS Sprite利用時はしかたないとしてそれ以外はIMGタグによるマークアップがスタンダードなんでしょうか。社内でレギュレーションを考える上で参考にしたいです。 </p> <p>기본값은 0입니다. text-indent: 10px; text-indent: 2em; text-indent: 10%; インデント幅を指定。負の値も指定可能。 「長さ・大きさの単位」 参照: text-indent: hanging; 最初の行以外のすべての行がインデントされる。 通常のインデントと逆になる。 text-indent: each-line; なぜ、text-indent:100%を指定すると、テキストの1文字目だけ親要素の幅を超えるのでしょうか？ これはtext-indent:100%ではなく、text-indent:1000pxといった親要素以上の幅を指定しても同じ現象が起きています。 ＜Chromeブラウザ表示＞ text-indentを使うぶら下げインデントは、padding-leftを使って左に余白をつくってからtext-indentをマイナス方向へ指定して1行目を左へずらします。. text-indent. Note: Negative values are allowed. </p> <p>初期値: 0: 適用可能要素: ブロック要素: 継承: 継承する: メディア: Visual / Text: サポート: C1 / e3 / N4 / Fx1 / Ch1 / Op3.5 / Sa1: 説明. これまでは、text-indent:-9999pxでテキストを飛ばして画像に置換する方法が多く使われてきました。 しかし、それでは、9999px分の領域を使う分パフォーマンスも悪くなってしまい、更にはSEOスパムだと思われてしまう可能性があることから、最近は好まれなくなってきました。 </p> <p>もはや太古の昔から存在した錯覚に陥っているtext-indent:-9999px;でテキストを消して背景画像を表示するという方法ですが、どこでも同じような議論はされてきているらしく、これってSEO的にどうなん？って話はやっぱり耳にします。 注意事項などの小見出しなどの後に、インデントを付けて説明分を挿入する場合などでtext-indentを用いて字下げをしたりしますが、複数行になる場合に、2行目以降がインデントされずに左寄せになってしまうことがあると思います。 トップ > CSSリファレンス > text-indent 概要 . HTML - cssのtext-indentでテキストを消すのは古い？ 今日読んでいた雑誌に「以前は流行っていたが、最近はtext-indentでテキストを消して（画像を表示させて）いるサイトをあまり 質 … ぶら下げインデントをつくるためには、Pに2行目のように padding-left:1em; と左に1文字分の余白をつくり、3行目のように </p>";s:7:"keyword";s:27:"text indent 文字を消す";s:5:"links";s:534:"<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
<a href="https://saasvaap.com/wp-content/plugins/post-smtp/636p8s.php?tag=69ea55-"></a>,
";s:7:"expired";i:-1;}