Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

テキストの折り返しを解除するには

Section 3 画像の配置
最終更新日時: 2020/07/20 13:38:26
  • このエントリーをはてなブックマークに追加

画像の周りがテキストが折り返されている場合、ある時点でテキストの折り返しを解除するには、CSSのclearプロパティを利用します。

概要

従来、テキストの折り返しを解除するには、[挿入]メニューの[改行]をクリックして、改行方法を選択するコマンドを利用するのが一般的でした(Expression Web 4の場合は[挿入]メニューの[HTML]をポイントし[分割]をクリック)。

しかし、この方法で出力されるコードは、たとえば上記の場合、

<br clear="all">

コードビューに切り替えると、コードエラーとして返されます。

現在、WWW コンソーシアムでは 'clear' 属性を旧式の属性として扱っています。新しい属性仕様で構成することをお勧めします。

そこで、コードエラーを発生させずにテキストの折り返し方法を解除する方法について説明します。

テキストの折り返しを解除する

  1. 折り返しを解除したい段落や見出しにカーソルを移動します。
  2. [タグプロパティ]パネルの[属性]一覧から style を検索します。
  3. 直接 clear:both と入力します。
  4. テキストの折り返しが解除されました。

  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ