基本的な スタイルについての練習です。
text-indent 1行目の字下げを指定する
例:
ビルダーでのスタイルの設定ダイアログ:
text-indent のスタイル設定の詳細は、フォントとテキストに関するプロパティの text-indent プロパティを参照します。
➊ページakita_diary.htmlを開く。
➋次のように段落の冒頭の文字位置を1文字分の字下げに変更してみる。
設定のガイド:
HTMLソースの<p>タグに対してスタイルを設定します。
段落の文字列をクリック→[スタイルシートエクスプレス]→[カーソル位置]pが選択されているのを確認→右クリック→[ルールの新規作成]→[ルールの追加]ダイアログで[追加するルール]にタグ (p)が入力されているのを確認→[OK]ボタン→スタイルの設定-pダイアログで[文字のレイアウト]タブを表示して[インデント]で単位を[文字の高さ]に変更し、ボックスに1を入力します。
HTMLソースでは<p>タグに対して、text-indent : 1em;のスタイルが指定されています
➌プレビューで表示し、確認します。
➍上書き保存します。練習結果を記録します。
⇒ 背景画像へ進む