「CSS/記述」の版間の差分

削除された内容追加された内容

インライン

2009年11月8日 (日) 02:43時点における版

準備

まずスタイルシートを入力する前に、

<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">

</style>

の2つを入力します。 HTML 文書中にスタイルシートを書く場合は、通常、 head 要素の中（<head> から </head> までの間）にこれを置きます。<style> から </style> までの間に書いた内容を、ブラウザは CSS 形式のスタイルシートとして扱います。これでスタイルシートを入力する準備ができました。

基礎

最も簡単に記述するには、HTML要素に、以下のように指定します。

<p style="color:red">文字色：赤</p>

文字色：赤

ほとんどの要素に style 属性を指定できますが、既存の要素で丁度囲まれていない部分を指定したい場合は、span要素や div要素で囲んでそれに属性を指定します。

特定の HTML要素全てにスタイルを指定したい場合は、style要素でまとめて行うことができます。次の例は、全ての <p> タグに style="color:red" を指定した事になります。

<head>
：
途中略
：
<style type="text/css">
<!--
p { color:red }
-->
</style>
</head>
<body>
<p>文字色その1</p>
　：
途中略
　：
<p>文字色その2</p>
</body>

文字色その1

：

途中略

：

文字色その2

style要素に対応していないユーザーエージェントの為に、style要素の中をコメントアウトすることもあります。

@@ 3 行 / 3 行 @@
 <source lang="html4strict">
+<meta http-equiv="Content-Style-Type" content="text/css">
 <style type="text/css">
@@ 8 行 / 10 行 @@
 </source>
-を入力します。 HTML ファイル中にスタイルシートを書く場合は、通常、 head 要素の中<small> （<code><nowiki><head></nowiki></code> から <code><nowiki></head></nowiki></code> までの間） </small>にこれを置きます。この二行の間に書いた内容を、ブラウザは CSS 形式のスタイルシートとして扱います。これでスタイルシートを入力する準備ができました。
+の2つを入力します。 HTML 文書中にスタイルシートを書く場合は、通常、 head 要素の中<small>（<code><nowiki><head></nowiki></code> から <code><nowiki></head></nowiki></code> までの間）</small>にこれを置きます。<code><nowiki><style></nowiki></code> から <code><nowiki></style></nowiki></code> までの間に書いた内容を、ブラウザは CSS 形式のスタイルシートとして扱います。これでスタイルシートを入力する準備ができました。
 == 基礎 ==
-最も簡単に記述するには、HTMLタグの中に、以下のように指定します。
+最も簡単に記述するには、HTML要素に、以下のように指定します。
 <source lang="html4strict">
@@ 17 行 / 19 行 @@
 </source>
 <p style="color:red">文字色：赤</p>
-ほとんどのタグで style 属性を指定できますが、既存のタグで丁度囲まれていない部分を指定したい場合は、<code><nowiki><span></nowiki></code> や <code><nowiki><div></nowiki></code> で囲んでそれに属性を指定します。
+ほとんどの要素に style 属性を指定できますが、既存の要素で丁度囲まれていない部分を指定したい場合は、span要素 や div要素 で囲んでそれに属性を指定します。
-特定の HTML タグ全てにスタイルを指定したい場合は、head 要素の中でまとめて行うことができます。次の例は、全ての <code><nowiki><p></nowiki></code> タグに style="color:red" を指定した事になります。
+特定の HTML要素全てにスタイルを指定したい場合は、style要素 でまとめて行うことができます。次の例は、全ての <code><nowiki><p></nowiki></code> タグに style="color:red" を指定した事になります。
 <source lang="html4strict">
@@ 46 行 / 48 行 @@
 <p style="color:red">文字色その2</p>
-style要素に対応していないユーザエージェントの為にコメントアウトすることもあります。
+style要素に対応していないユーザーエージェントの為に、style要素の中をコメントアウトすることもあります。
 [[Category:World Wide Web|CSS きしゆつ]]