ニコニコ大百科編集時にHTML要素に対してCSSで色指定を行う方法について記載する。
ニコニコ大百科では編集の際、HTMLエディタ上及びCSSで色指定が可能である。
HTMLエディタでは細かい指定は出来ないが、文字色と背景色の指定は可能である。
スタイルシートを直接編集する場合は、#444や#4c4c4cのように、#の後に3桁または6桁の16進数で指定する。
それ以外に、red, oragneなど色の英語名を用いて指定することも可能だが、後述のように指定するとプレビュー段階で使用できないと指摘される色名がある。上記のように16進数で指定できるので困ることはないが、直感的にわかりやすい色名で指定したい場合には注意を要する。
一般のCSSでは他にrgb, rgba, hsl, hslaによる指定が可能だが、ニコニコ大百科(2020年4月現在の仕様)ではrgb+0-255で指定した場合は、HTMLエディタを有効に切り替えた段階で16進数に強制変換される。rgb+%指定はそのまま投稿できるようだ。rgba, hsl, hslaによる指定は指定直後は機能しているように見えるが、プレビューに移動する段階でそれより後にあるスタイルシートの指定まで巻き添えで削除される。
考えられるケースとしては他のソフトウェア上でHTMLを下書きして大百科に貼り付けた場合、問題を生じる可能性がある。
全ブラウザで使用可能といわれている140色のうち、以下の121色とtransparentが指定可能。他にもあるかもしれないが、ブラウザ依存になる可能性があるため避けて16進数を使ったほうが無難であろう。
monospaceフォントが指定できないため準備中
以下の19色はプレビュー段階でエラーとして指摘される。
"lightsteelblue", "orangered", "lightslategray", "lightgray", "whitesmoke", "aquamarine", "goldenrod", "fuchsia", "blanchedalmond", "lightskyblue", "lightblue", "greenyellow", "powderblue", "limegreen", "yellowgreen", "lavenderblush", "olivedrab", "blueviolet", "lightseagreen"
準備中
急上昇ワード改
最終更新:2025/12/13(土) 22:00
最終更新:2025/12/13(土) 22:00
ウォッチリストに追加しました!
すでにウォッチリストに
入っています。
追加に失敗しました。
ほめた!
ほめるを取消しました。
ほめるに失敗しました。
ほめるの取消しに失敗しました。