No.2ベストアンサー
- 回答日時:
正確な言い方は
【引用】____________ここから
A declaration block starts with a left curly brace ({) and ends with the matching right curly brace (}). In between there must be a list of zero or more semicolon-separated (;) declarations.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Rule sets, declaration blocks, and selectors( http://www.w3.org/TR/CSS2/syndata.html#rule-sets )]より
--- 宣言ブロックは、左中かっこ({)で始まり、対応する右中括弧で終わり(})。
その間では、ゼロ個以上のセミコロン(;)で区切られた宣言のリストが存在しなければならない。
宣言が複数存在すれば;で区切ってリストにしなさいということです。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
★あくまで例だと承知していますが
<span style="color:#ff0000;">重要</span>
というHTMLは望ましくありません。デザインのためにHTMLを書いたら、せっかく文書構造とプレゼンテーションの分離の意味がなくなります。
<strong style="color:#ff0000;">重要</strong>
とか
<strong>重要</strong>としておいて、head内か外部スタイルシートでstrong{color:red;font-weight:normal}としたほうが良いでしょう。
No.1
- 回答日時:
W3C CSS2.1の文法ルールでは、最後の ; はあってもなくてもかまいませんし、
セミコロンが無くてもブラウザ上ではレンダリングしてくれます。
色名に関しても同じです。
つまり、どちらでもよいです。
但し“最後”だけです。
2つ以上の複数連ねる場合に、次の前にセミコロンが「必須」になります。
--------
<p style="color:#f00; font-size:128%;">あ</p>
<p style="color:red; font-weight:bold;">い</p>
<p style="font-size:128%; color:#f00">う</p>
<p style="font-weight:bold; color:red">え</p>
--------
こういう例で表示比較してみると良いでしょう。
セミコロンを書かない人は、少ないと思います。
理由としては、
追加時に書き忘れをしてしまう可能性があるから。
この場合の書き忘れミスをしないためにも、
自分内ルールとして「セミコロン必須」として覚えた方が良いとは思いますが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS プログラムの関連性を教えて下さい。 1 2023/07/19 03:50
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを一部無効にしたい
-
<input type="file"> の幅
-
リストの前後の行間をなくす方...
-
アンダーラインのカラー
-
ブラウザによって異なるフォン...
-
上付き文字と下付き文字を同時...
-
全角半角含めて等幅で表示したい
-
DreamWeaverで</head>の前のス...
-
Notepad++で日本語文字が化ける。
-
リンク文字
-
background-color: #ddd;の意味...
-
VB6でWebBrowserへスタイルシー...
-
Format 関数 表示書式指定文字...
-
■(四角)の記述
-
CSSのid名class名の重複回避方...
-
テキストファイルの行を指定し...
-
CSSでfont-size、pxの絶対値、...
-
fontサイズ指定の ”-(マイナ...
-
API Sleep関数について
-
PC版のサイトをスマホに対応さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
<pre>のフォントサイズを指定す...
-
上付き文字と下付き文字を同時...
-
指定の文字だけ色を変える
-
background-color: #ddd;の意味...
-
CSSを一部無効にしたい
-
h1タグのパンくずリストへの設置
おすすめ情報