Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - text-indent

テキストの段落の字下げを数値で指定します。
負の値を指定した場合は元の位置より飛び出して表示されます。

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- P.test1 {font: 12pt monospace} P.test2 {font: 12pt monospace; text-indent: 5em} P.test3 {font: 12pt monospace; text-indent: -5em} P.test4 {font: 12pt monospace; text-indent: 5pt} P.test5 {font: 12pt monospace; text-indent: 5px} P.test6 {font: 12pt monospace; text-indent: 20%} --> </STYLE> </HEAD> <BODY> <P class="test1">abcde あいうえお</P> <P class="test2">abcde あいうえお</P> <P class="test3">abcde あいうえお</P> <P class="test4">abcde あいうえお</P> <P class="test5">abcde あいうえお</P> <P class="test6">abcde あいうえお</P> </BODY> </HTML>