直接スタイルシートを埋め込む方法で区切り文字はどうしたらよいのでしょうか

質問

<th style="background-color:#ffff00">テスト</th>
と直接スタイルシートを埋め込む方法で、
スタイルシートの設定を２つ以上以下を追加したいのですが、
区切り文字はどうしたらよいのでしょうか？

border-bottom-color:red
border-left-color:red
border-right-color:red
border-top-color:red
border-color:red

直接埋め込むメリット、デメリット（手間がかかる以外）が知りたいです。

回答No.2

naokita · ベストアンサー

セミコロン;で区切る（何個でもＯＫ　最後・末は無くても可）
テキスト的にもクローラー的にも短い方がいいでしょう。

質問のborder-color指定で設定してもborder-styleが無い為セルの枠線が表示されないので、
下記で実現できると思いますが・・・

<th style="background: #ff0; border: 1px solid red">テスト</th>

回答No.1

uskt

スタイルを2つ以上指定する場合には、セミコロン（;）で区切ります。
<th style="background-color:#ffff00; border-bottom-color:red">
のような感じですね。

直接スタイルを指定している場合、いちいち書式設定をする手間はあると思いますが、最初にCSSをきちんと定義しなくてもいいことと、書式の縛りがないので、その場その場で自由に設定できることが、メリットになるでしょうか。
ただ、やはり同じような部分は同じ書式にしたほうが、見栄え的にはいいと思うので、当初は個別に指定していても、書式がある程度固まったところで、CSSにまとめたほうが、そのあとのファイルの追加時には、簡単な記述で同じ書式が使えるので、らくだと思います。