「CSS」text-indentを使って１行目のインデントを指定する

2022年6月27日

環境
Google Chrome　103.0.5060.53（Official Build）

構文
text-indent:　値
数値: px（ピクセル）やemなどの単位で指定します。
%:割合で指定します。
each-line: １行目と強制改行した次の行もインデントします。
hanging: １行目以外をインデントします。

使用例

<!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;">１行目のインデントは15pxです。</p>
</body>
</html>

結果
画面に1行目のインデントを15pxにします。

CSS

Posted by arkgame

関連記事: