HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > スタイルシート(CSS)講座インデックス > テキストの装飾 ②
様々なブックマークサービスがご利用頂けます。

テキストを装飾するスタイルシート ②

【 vertical-align 】　【 word-spacing 】　【 white-space 】
■ vertical-alignプロパティ
インライン要素や、表のセル要素の垂直方向の位置揃えを指定します。値は、単位のついた数値、パーセンテージ( % )の他、下記の値で指定します。
値
  • baseline (親要素のベースラインに揃える)
  • top (行中の最も高い内容の上辺に揃える )
  • bottom (行中の最も低い内容の下辺に揃える)
  • middle (行中の最も高い内容の中央に揃える)
  • super (上付き文字の位置に揃える)
  • sub (下付き文字の位置に揃える)
  • text-top (親要素の上辺にテキストを揃える)
  • text-bottom (親要素の下辺にテキストを揃える)
ポイント セル要素に、super、sub、text-top、text-bottom の値を指定した場合は無視されます。
ソース  ソース
vertical-align:top ;
ページTopへ
■ word-spacingプロパティ
半角スペースで区切られた単語の間隔を指定します。
値
ポイント  単位をつけた数値で指定する場合、デフォルトに対しての増、減で数値を指定します。
ソース  ソース
word-spacing : 3px ;

ページTopへ
■ white-spaceプロパティ
半角スペース、タブ、改行などの空白類文字の動作を指定します
値
  • normal 
    (ソース中の連続する半角スペース、タブ、改行を、1つの半角スペースとして表示します。ボックスの大きさを指定している場合には、その大きさに達すると自動的に改行されます。)
  • pre 
    (ソース中の連続する半角スペース、タブ、改行を、そのまま表示します。)
  • nowrap 
    (ソース中の連続する半角スペース、タブ、改行を、1つの半角スペースとして表示します。自動改行はされません。)
ソース  ソース
white-space : pre ;
CSSの仕様において、ブラウジング環境は、white-spaceプロパティの指定を無視しても構わないとされています。
これは、例えばHTML文書でソースコードを例示する場合、正しくソースコードが表示されない可能性を意味します。
値のpreは、ブロック要素の pre要素と似たような働きをしますが、pre要素の代替にはなりませんので、ブラウザの対応状況からして、積極的に使う事はお勧めしません。

ページTopへ
(C) いまさらHTML CSS講座 2002-2008 All right reserved