インデント

インデントを設定する方法を確認します。いくつかの行をブロック毎に字下げします。使用するツールバー上のアイコンは次の2つです。

ビジュアルエディタの本文入力エリア内に記述された文字列の中で、インデントしたい複数の行を選択します。

ツールバー上の次のボタンをクリックします。

選択していた行がまとめてインデントされます。

コードビューで確認すると次のようになっています。

インデントを設定するとHTMLページ上では<blockquote></blockquote>タグで囲まれる設定がされることが分かります。

インデントを行った行に対してさらにインデントを設定することも出来ます。

この場合、<blockquote></blockquote>タグが多重に設定されます。

アウトデント

インデントされている行を対象にアウトデントを設定することが出来ます。実際にはインデントの設定を1段階解除することになります。ビジュアルエディタの本文入力エリア内に記述された文字列の中で、アウトデントしたい複数の行を選択します。

ツールバー上の次のボタンをクリックします。

選択していた行に設定されているインデントが1段階解除されます。

ブログでの確認

では編集を保存して頂きブログでどのように表示されるのかを確認してみます。

今回は2つの行に対して1回インデントを設定して表示しています。