TOPページ > 段落の表示(表示位置、表示/非表示など...)
段落の表示(表示位置、表示/非表示など...)

段落の表示(表示位置、表示/非表示など...)

ブロックタグやインラインタグで括った文章は、表示方法や表示位置を指定することができます。

普通にウェブサイトやブログを作っていく上では、必要ない指定がほとんどですが、見映えを変化させることができます。

段落の表示(表示位置、表示/非表示など...) 項目一覧

HTML言語を使用したホームページやブログなどのウェブサイトでは、P、DIV および H1~H6 タグのようなブロックタグは、通常段落とみなされ改段が発生します...

HTML言語を使用したホームページやブログなどのウェブサイトでは、ブロックタグで括られた文章の表示順序(奥行き)を指定することができます。 <タグ名 st...

P、DIV などのブロックタグで括られた文字や文章などを、表示位置を指定を使って 影付きのように見せることができます。 文字に影を付けるには専用のスタイル指定が...

HTML言語を使用したホームページやブログなどのウェブサイトで ブロックタグやインラインタグで括られた文字や文章、画像などは表示位置を指定することができます。 ...

HTML言語を使用したホームページやブログなどのウェブサイトで 文字や文章、画像など表示位置を指定する際に、表示位置の指定方法を選択することができます。 <...

2006年03月27日

HTML言語を使用したホームページやブログなどのウェブサイトでは、P、DIV および H1~H6 タグのようなブロックタグは、通常段落とみなされ改段が発生しますが、displayで表示方法を指定することで、インライン表示にしたり、非表示にしたりすることができます。

<タグ名 style="display:表示方法">表示方法を指定する文章</タグ名>
  1. タグ名:PDIVおよびH1H6などほとんどのブロックタグおよびインラインタグが使用できます。
  2. 表示方法:下記の中から指定できます。
    inlineインライン表示にする(改段しない)
    blockブロック表示にする(改段する)
    none表示しない

サンプルです。

続きを読む "文章の表示方法を指定する(ブロック/インライン/非表示)" »

HTML言語を使用したホームページやブログなどのウェブサイトでは、ブロックタグで括られた文章の表示順序(奥行き)を指定することができます。

<タグ名 style="position:表示位置の指定方法; top:上側の位置; left:左側の位置; z-index:Z座標位置; ">
  1. タグ名: p または div タグで指定できます。spanタグ使えますが、InternetExplorerが対応していません。
  2. 表示位置の指定方法:記から選べます。
    staticHTMLレイアウト規則にしたがって自動的に決められる座標系
    absoluteBODYの左上が原点の絶対座標系
    relative直前のブロックタグが原点の相対座標系
  3. 上側の位置/左側の位置:表示位置の指定方法で指定した座標系を基準として、表示位置を指定します。px(ピクセル)指定が一般的ですが、下記の絶対サイズまたは相対サイズで指定できます。
    絶対
    サイズ
    意味
    inインチ( 1 in = 25.4 mm )
    cmセンチメートル
    mmミリメートル
    ptポイント( 1 pt = 1/72 in)
    pcパイカ( 1 pc = 12 pt )
    pxピクセル(表示上の 1 ドット幅)
    相対
    サイズ
    意味
    em基準書体の文字の高さ
    ex基準書体の文字 x の高さ
    %基準書体のサイズに対する百分率

    ※正確にはデバイス依存の相対サイズ

  4. Z座標位置:表示順序(奥行き)を、単位なしの数値で指定します。数字が大きいほど手前に表示されます。Netscapeでは、負数(マイナスの数値)は使えません。

続きを読む "文章の表示順序(奥行き)を指定する" »

2006年03月25日

P、DIV などのブロックタグで括られた文字や文章などを、表示位置を指定を使って 影付きのように見せることができます。

文字に影を付けるには専用のスタイル指定がありますが、Netscape が対応していません。この方法は、 非対応ブラウザでも見映えを損なわないようにするのに有効です。

影付きSAMPLE
影付きSAMPLE

このサンプルは、2つの段落に同じ文字を表示し、2つ目の段落が1つ目の段落に覆い被さるように表示位置を指定した上、文字色を変えることで、1つ目の段落の影のように見せています。

このため、Netscape などのフィルター効果が有効でないブラウザでも同じように見せることができます。

このソースは、次のようになります。

続きを読む "表示位置の指定を使って文字を影付きにする1" »

HTML言語を使用したホームページやブログなどのウェブサイトで ブロックタグやインラインタグで括られた文字や文章、画像などは表示位置を指定することができます。

<タグ名 style="position:表示位置の指定方法 top:上側の位置 left:左側の位置">
  1. タグ名:P や DIV タグが一般的ですが、ほとんどのブロックタグやインラインタグが使えます。
  2. 表示位置の指定方法:記から選べます。
    static HTMLレイアウト規則にしたがって自動的に決められる座標系
    absolute BODYの左上が原点の絶対座標系
    relative 直前のブロックタグが原点の相対座標系
  3. 上側の位置/左側の位置:表示位置の指定方法で指定した座標系を基準として、表示位置を指定します。px(ピクセル)指定が一般的ですが、下記の絶対サイズまたは相対サイズで指定できます。
    絶対
    サイズ
    意味
    inインチ( 1 in = 25.4 mm )
    cmセンチメートル
    mmミリメートル
    ptポイント( 1 pt = 1/72 in)
    pcパイカ( 1 pc = 12 pt )
    pxピクセル(表示上の 1 ドット幅)
    相対
    サイズ
    意味
    em基準書体の文字の高さ
    ex基準書体の文字 x の高さ
    %基準書体のサイズに対する百分率

    ※正確にはデバイス依存の相対サイズ

サンプルソースです。

続きを読む "タグで括られた文字や文章、画像などの表示位置を指定する" »

HTML言語を使用したホームページやブログなどのウェブサイトで 文字や文章、画像など表示位置を指定する際に、表示位置の指定方法を選択することができます。

<タグ名 style="position:表示位置の指定方法">
  1. タグ名:P や DIV タグなど一般的ですが、ほとんどのブロックタグやインラインタグが使えます。
  2. 表示位置の指定方法:記から選べます。
    static HTMLレイアウト規則にしたがって自動的に決められる座標系
    absolute BODYの左上が原点の絶対座標系
    relative 直前のブロックタグが原点の相対座標系

サンプルソースです。

続きを読む "段落の表示位置を指定する際の指定方法" »

IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス