「CSS」text-indentを使って1行目のインデントを指定する
環境
Google Chrome 103.0.5060.53(Official Build)
構文
text-indent: 値
数値: px(ピクセル)やemなどの単位で指定します。
%:割合で指定します。
each-line: 1行目と強制改行した次の行もインデントします。
hanging: 1行目以外をインデントします。
使用例
<!DOCTYPE html> <html> <head> <style> table{ border-collapse:collapse; table-layout:fixed; width:100%; } td{ border:1px solid #808080; word-wrap:break-word; } </style> </head> <body> <p style="text-indent:15px;">1行目のインデントは15pxです。</p> </body> </html>
結果
画面に1行目のインデントを15pxにします。