未分類

CSS 2.0 の勉強 (テキストを大文字にする)

CSS 2.0 を勉強しましょう。CSS 2.0 の勉強 (テキストを大文字にする)

テキストを大文字にする方法を説明します。

以下の例では、p 要素の内のテキストを大文字にします。

■コード (HTML)

<p>
this is a test.
</p>

■コード (CSS)

p {
text-transform: uppercase;
}

■ 説明
text-transform プロパティを使用して、テキストを大文字に変換します。


HTML 4.01 を勉強しましょう。HTML 4.01 の勉強 (フレームセットを扱う)

フレームセットを扱う方法を説明します。

以下の例では、1, 2 列目は幅を指定し、3 列目は残りの幅で自動調整します。

■コード

<frameset cols="25%, 25%, *">
<frame src="sample1.html" />
<frame src="sample2.html" />
<frame src="sample3.html" />
</frameset>

■ 説明
1 列目、2 列目は 25% 表示、3 列目は 50% 表示します。cols 属性でフレームを横に並べ分割します。

-未分類