WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:スタイルシートでの色定義

0:[投稿] うきょ [2003/02/01 11:25 ][環境:IE6,WIN98 わからない]

はじめて質問させていただきます。
スタイルシートで色の定義をしたいですが、同じ色を何度も使用する際、今は以下のようにする方法しか分かりません。

(例:テーブルの枠線と文字色を同色にしたい時)

/* TD用 */
.mytd{        
    color: #6f6b64;
    text-align: center;
    border: solid 1px #6f6b64;
}

/* TABLE用 */
.mytable{    
    border-collapse: collapse;
    border: solid 2px #6f6b64;
}

でもこれでは何度も#6f6b64が出てきて修正する時に面倒なので、色だけまず定義してそれをネスト(?)するようなことはできないのでしょうか?

whiteが#ffffffであるというようにmycolorが#6f6b64としたいのですがこれはスタイルシートでできる技術なのでしょうか?


1:[回答] ロッキー [2003/02/01 14:30 ]

クラスを使い分けてみてはどうでしょうか。

mytd{        
   color: #6f6b64;
   text-align: center;
   border: solid 1px #000;
}
.mytable{    
   border-collapse: collapse;
   border: solid 2px #000;
}
.mycolor {
border-color:#6f6b64;
}

<table class="mytable mycolor">
<tbody>
<tr>
<td class="mytd mycolor">

#こうゆう時にどんな名前にするかって悩むなぁ。


2:[回答] yuu [2003/02/01 16:39 ]

table, td {
 border-color:#6f6b64;
 border-style:solid;
}
table {
 border-width:2px;
}
td {
 border-width:1px;
}


3:[質問] うきょ [2003/02/02 08:57 ]

回答ありがとうございます。
ロッキーさんの方法も考えたのですが、結局色指定が2箇所でてきてしまうし、yuuさんのでもtdの文字色の指定をどこかでしなくてはいけなくて・・・。
質問での例が良くなくてすみません。

要は
>whiteが#ffffffであるというようにmycolorが#6f6b64としたいのですがこれはスタイルシートでできる技術なのでしょうか?
ということなんですが、これはやはり無理なのでしょうか?


4:[回答] _ [2003/02/02 11:07 ]

JavaScriptStyleSheetなら可能です。


5:[回答] yuu [2003/02/02 14:45 ]

HTML内に style要素を書き込んで定義するのなら、JavaScriptでも出来るような。いずれにしても CSSの技術じゃないね。


6:[完了] うきょ [2003/02/02 15:02 ]

ありがとうございました。
JavaScriptは(も?)全然分からないので、これからいろいろ勉強してみます。
CSSでできないと分かってすっきりしました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World