ニコニコ大百科:HTMLタグ一覧単語

• ニコニコ大百科で使用できるタグ・属性の一覧
• 単独でつかったりするモノ
• 複数の要素を組み合わせて使うもの
• 共通属性
• ニコニコ大百科で使えない・制限されるHTML
• ニコニコ大百科:CSSプロパティ一覧
• 関連コミュニティ
• 関連項目
• オススメ記事(HTMLによる記事の作成参考例)
• 脚注
• 掲示板

ニコニコ大百科で使えるタグ・スタイルシートの一覧と解説です。文法については、HTMLの簡単な説明を参照してください。

htmlエディタでは編集できない・編集しづらい部分でタグを使いたい、でもタグがわからないという人、タグを知っていてもどのタグが使えるかわからないという人、スタイルシートを使いたい人向けなどに書いておきます。アルファベット順にならんでいます。

ニコニコ大百科のHTMLには、「HTML4.01 Strict」で使われていたDOCTYPE文字列が記述されていますが、内容はHTML Standard (旧称HTML5) に近い構文となっています。^[1]

ニコニコ大百科で使用できるタグ・属性の一覧

※ (ニコニコ大百科に投稿できるタグ・属性のうち) 廃止されたタグ・属性は灰色で表し、代替方法などを脚注に示しています。

単独でつかったりするモノ

<a>〜</a>

ハイパーリンクを表します。href属性を設定するか、name属性を設定するかで動作が全く異なります。

<a>タグの中身のテキストについては、自動リンクが働かないようになっているため、入れ子になる心配はありません。

属性

href	URL。
id	タグに一意な識別子 (ID) を結び付けます。ニコニコ大百科ではname属性が存在する場合にしか指定できません。
name	非推奨であり、代わりに<h2>タグなどへ直接id属性が指定されるべきですが、ニコニコ大百科でアンカーを作成するにはこの属性を使うしかありません。id属性が存在する場合はname属性を同じ値にしなければなりませんが、ニコニコ大百科ではid属性は自動的に同じ値に設定されます。
rel	1つ以上のリンク型を空白区切りで記述し、リンクの種類を表します。ニコニコ大百科では、記事以外へのリンクは、「rel="nofollow"」に強制されます。
target	キーワードなどを記述し、リンク先をどこに表示するかを指定します。ニコニコ大百科では、記事以外へのリンクは、「target="_blank"」に強制されます。
title	ツールチップに表示するテキストとして適切な、タグが表す内容に対する参考情報を記述します。たとえば、リンク先のタイトルや説明を表したりします。2016年現在の携帯端末ではこの属性値をツールチップとして簡単に参照できないため、この属性に依存しないことが推奨されています。

href属性

リンクを作成します。

ニコニコ大百科内では記事になっている単語は自動でリンクされるため、 外部サイトや動画へリンクする場合によく使用されます。

ニコニコ大百科の記事以外へリンクする場合に<a>タグを使用すると、自動的に「rel="nofollow"」「target="_blank"」という属性が追加されます。「rel="nofollow"」は管理者がリンク先について承認していないことを表し、スパム編集対策として使われているとか考えられます。「target="_blank"」を付けると、リンク先が新しいウインドウ (タブ) で開かれます。

例

name属性

通常のリンクではページの先頭から表示されますが、ページが長くなったときなどに途中にある項目へ飛ぶ時にはリンク先にname属性の<a>タグを打ちます。

例

<abbr>〜</abbr>

略称や頭字語 (頭文字を並べたもの) を表します。title属性で展開形 (正式名称) を表しますが、ニコニコ大百科ではtitle属性は使えません。

例

<b>〜</b>

意味的に区別したいテキストを表します。見出しを表すときは<h2>タグなど、強勢を表すときは<em>タグ、重要性を表すときは<strong>タグを使ってください。

例

<blockquote>〜</blockquote>

引用を表します。出典は外に書く必要があります。

属性

例

<br>

詩文や住所などにおける改行を表します。このタグは終了タグがありません。

※上記のように<br>は本来見栄えの調整やリストに使うタグではありません。安易に使用せず、自分以外の環境での見え方のことを熟慮してください！

例えば、Vistaで使われている「メイリオ」フォントはXPまでの「MS Pゴシック」と比べて幅が広いので、レイアウトが盛大に崩れる恐れがあります。他にもMacで使われているヒラギノフォントは、また幅が異なります。

長文は<br>で折り返さず、幅いっぱいまで書いて勝手に折り返るのに任せた方が安全です。

例

<code>〜</code>

コンピュータ言語のコードの断片を表します。

例

<del>〜</del>

文書から削除した部分を表します。<ins>タグと合わせて、文書に対する編集を表すタグとして用いられます。

例

<dfn>〜</dfn>

用語の定義を表します。

例

<div>〜</div>

意味を持たないタグです。他に適切なタグがあればそちらに置き換えましょう。class、lang、title属性を指定することで中身に意味を持たせることもできますが、いずれもニコニコ大百科では使えません。

例

<em>〜</em>

強勢 (アクセント、発音上の強調) を表します。

以下の例は、動物の種類が論点になっていることを表します。仕様書の<em>タグの例がわかりやすいので、参照してください。

例

<h2>〜</h2>・<h3>〜</h3>・<h4>〜</h4>など

見出しです。新規作成時に見出しとなる部分に使われているアレです。数字の部分は階級 (※レベルではなく) と呼ばれます。<h1>は記事タイトルのみに使用されるため、ニコニコ大百科の記事編集で使用できるのは<h2>から<h6>までです。

階級は適切なものを利用しましょう。例えば<h2>の次に<h4>が登場した場合、レベルは1つしか下がらないので、構造などがわかりづらくなります。

例

これは次のようなアウトラインを生成します。

1. h2のサンプル
   1. h3のサンプル
      1. h4のサンプル
         1. h5のサンプル
            1. h6のサンプル

不適切な例

これは見た目に反して次のようなアウトラインを生成します。

1. h2
   1. h4
   2. h3
2. h2

<hr>

段落レベルでのテーマの変わり目を表します。

CSSで見た目を変えたい場合、左寄せ・右寄せは width で幅を設定して margin を使用、線の色は border-color を使用します。

例

<i>〜</i>

本文と異なる声や雰囲気、または技術用語、頭の中で考えていることなど通常の文から区別したい部分を表します。

なお、デフォルトのスタイルはイタリック体 (斜体) ですが、メイリオなど一部の日本語フォントでは和文部が斜体になりません (メイリオの場合、通常の文字を斜体フォントとしてそのままコピーしているため)。使用する際、スタイルの設定には注意が必要かもしれません。

例

<iframe>〜</iframe>

他のページを埋め込むインラインフレームを作るタグです。ニコニコ大百科では、動画紹介などのインラインコンテンツを貼り付けるときに使用します。

詳細な使用方法は、ニコニコ大百科:HTMLテンプレート集のニコニコ動画の各サービスの貼り方を参照してください。

属性

<img …>

画像を表します。このタグは終了タグがありません。

属性

src属性

画像のURL。指定できるURLは以下の通りです。

例

<ins>〜</ins>

文書へ追加した部分を表します。<del>タグと合わせて、文書に対する編集を表すタグとして用いられます。

例

<kbd>〜</kbd>

ユーザー入力を表します。

例

<nobr>～</nobr>

改行禁止を表します。ブラウザ等の横幅関係なく、このタグで囲まれた文章は改行なしで表示されます。

行内に収まらない場合、領域からはみ出て表示されるか、スクロールバーを伴って表示されます。

例

<p>〜</p>

段落を表します。

画像などの回り込みを解除したい場合 <p style="clear: both;">〜</p> を指定してください。

例

<pre>〜</pre>

整形済みのテキストであることを表します。たとえば、メールの内容、コンピューターコード片、アスキーアートなどを表示するときに利用します。

アスキーアートの表示について詳しくはアスキーアート#ニコニコ大百科編集用テンプレート、ニコニコ大百科:HTMLテンプレート集#AAを正しく表示するを参照してください。

例

ニコニコ大百科:HTMLタグ一覧
===========================
概要
----
ニコニコ大百科で使えるタグ・スタイルシートの一覧と解説です。
文法については、 **[HTMLの簡単な説明]** を参照してください。

htmlエディタでは編集できない・編集しづらい部分でタグを使いたい、でもタグがわからないという人、タグを知っていてもどのタグが使えるかわからないという人、スタイルシートを使いたい人向けなどに書いておきます。
アルファベット順にならんでいます。

ニコニコ大百科のHTMLには、「HTML4.01 Strict」で使われていたDOCTYPE文字列が記述されていますが、内容はHTML Standard (旧称HTML5) に近い構文となっています。

[HTMLの簡単な説明]: https://dic.nicovideo.jp/a/html#grammar

ニコニコ大百科で使用できるタグ・属性の一覧
------------------------------------------
- (共通属性)
    + style
- <a>
    + href
    + rel
    + target

また、アスキーアートを正しく表示させる目的でもよく使われます。詳しくはアスキーアート#ニコニコ大百科編集用テンプレート、ニコニコ大百科:HTMLテンプレート集#AAを正しく表示するを参照してください。

<samp>〜</samp>

プログラムやコンピューターシステムからの出力を表します。

例

<span>〜</span>

意味を持たないタグです。他に適切なタグがあればそちらに置き換えましょう。

<strong>〜</strong>

強い重要性、真剣さ、緊急性などを表します。<em>タグなどとは違い、文の意味は変わりません。

例

_〜

下付き文字を表します。

例

^〜

上付き文字を表します。

例

<var>〜</var>

変数を表します。

例

<q>〜</q>

引用を表します。出典は外に書く必要があります。<q>タグを使った場合、引用符や鍵括弧などを使ってはいけません。

ニコニコ大百科では引用符がCSSで非表示にされているため、<q>タグは使わず、代わりに引用文を鍵括弧などで囲んだ方が良いでしょう。

属性

例

<wbr>

改行してもよい箇所を表します。このタグは終了タグがありません。

改行の必要がない場合はそのまま表示されます。

例

※円周率を小数点以下10桁ごとに区切っています。

<!--〜-->

コメントを記述する構文で、タグとは呼ばれません。囲んだテキストを閲覧時・htmlエディタ使用時に非表示にします (元から存在しないものとして扱う)。ソースには残るので、編集者向けの註釈などに使えます。

例

<cite>〜</cite>

脚注を作ります。ニコニコ大百科特有の構文です。表示されるときは脚注へのリンクに置き換わります。^[38]

<cite>〜</cite>の中には、段落内レベルのタグしか書けません。

例

複数の要素を組み合わせて使うもの

詳細折りたたみ

<details>〜</details>

折りたたみ要素を表します。

<summary>〜</summary>

要約を表します。<details>要素の最初の子要素として使用します。省略した場合はブラウザ規定の要約が表示されます。

例

ルビ

<ruby>〜</ruby>

ルビをふるテキストの範囲を表します。

<rt>〜</rt>

ルビの内容となるテキストを表します。

<rp>〜</rp>

ルビの内容となるテキストを囲む括弧を表します。rubyタグに対応していないブラウザでルビ部分の前後に( )を挿入するのに使用します。

例

テーブル

<table>〜</table>

表形式のデータを表します。

<caption>〜</caption>

表にタイトルを表します。<table>タグ直下の一番最初に書きます。無くてもかまいません。

<colgroup>〜</colgroup>

1つ以上の列のグループを表します。<caption>タグに次に書きます。無くてもかまいません。1つの<table>タグの中で複数使用できます。

属性

<col>

列グループ内の1つ以上の列を表します。<colgroup>タグの直下に書きます。1つの<colgroup>タグの中で複数使用できます。

属性

<thead>〜</thead>

表のヘッダーにあたる行グループを表します。<colgroup>タグの次に書きます。無くてもかまいません。

<tbody>〜</tbody>

表の本体にあたる行グループを表します。<thead>タグの次に書きます。無くてもかまいません。1つの<table>タグの中で複数使用できます。

<tfoot>〜</tfoot>

表のフッターにあたる行グループを表します。<tbody>タグの次に書きます。無くてもかまいません。

<tr>〜</tr>

表の行を表します。行グループを表すタグ (<thead>、<tbody>、<tfoot>) の直下に書きます。1つの行グループの中で複数使用できます。

<th>〜</th>

表のヘッダーセルを表します。<tr>タグ直下に書きます。1つの<tr>タグの中で複数使用できます。

一般的なブラウザでは中のテキストがセンタリングされる要素ですが、ニコニコ大百科のデフォルトスタイルでは左寄せになります。センタリングしたい場合はstyle属性を指定してください。

属性

<td>〜</td>

表のデータセルを表します。<tr>タグ直下に書きます。1つの<tr>タグの中で複数使用できます。

属性

colspan、rowspan属性

セルの結合をします。colspanは横方向 (左→右) に、rowspanは縦 (上→下) に結合します。<td colspan="2">や<td rowspan="2">のように使用します。

colspan、rowspanを指定した場合、そのセルの次の行の同じ列・または隣のセルは記述しません。

例: 簡単な表

リスト

<ul>〜</ul>

順不同リストを表します。各項目の順序が重要でないリストを作るときに使いましょう。

<ol>〜</ol>

順序つきリストを表します。各項目の先頭に数字が表示されます。順序が関係してくるリストを作るときに使いましょう。

属性

<li>〜</li>

1つのリスト項目を表します。

属性

例

下の階層を作成する

<li>タグと</li>タグの中に、<ul>タグ (<ol>タグ) でリストを作成すると入れ子にすることが出来ます。

作るとしても1階層程度でしょう。それ以上作るとややこしいですし、ニコニコ大百科ではインデントが削除されるためソースが見づらくなります。

記述リスト

<dl>〜</dl>

名前と値のグループを複数持つリストを作成します。登場人物紹介とかたくさんある用語の説明など、見出しにするにはちょっと項目数が多すぎるようなものを説明するときに有用です。

<dt>〜</dt>

用語、または名前を表します。対応する<dd>タグの前に置きます。1つの<dd>タグに対し、複数の<dt>タグがあってもかまいません。

定義語である場合、中身を<dfn>タグで囲みます。

<dd>〜</dd>

説明、定義、値を表します。対応する<dt>タグの次に記述します。1つの<dt>タグに対し、複数の<dd>タグがあってもかまいません。

例

これらを使うと以下のようになります。(引用元: ローズ&柴犬りょう)

セレクトボックス

<select>〜</select>

選択式メニュー（セレクトボックス）の範囲を表します。

<option>〜</option>

選択式メニュー（セレクトボックス）の選択肢を表します。

<optgroup>〜</optgroup>

選択式メニュー（セレクトボックス）の選択肢のグループを表します。

例

共通属性

すべてのタグで使用できる属性です。

ニコニコ大百科で使えない・制限されるHTML

「HTML4.01 Strict」において、ニコニコ大百科で使えない・制限されるHTMLを列挙します。

ニコニコ大百科で使えないタグ

<body>～</body>の外に書かなければならないタグは除きます。

• <address>～</address>
• <area>
• <bdo>～</bdo>
• <big>～</big>
• <form>～</form>と、その中で使うタグ
  
  • <button>～</button>
  • <fieldset>～</fieldset>
  • <input>
  • <label>～</label>
  • <legend>～</legend>
  • <textarea>～</textarea>
• <h1>～</h1>
• <map>～</map>
• <noscript>～</noscript>
• <object>～</object>
• <param>～</param>
• <script>～</script>
• <small>～</small>

ニコニコ大百科で使えない属性

• 共通属性
  • class属性
  • dir属性
  • lang属性
  • イベント関連属性
    • onclick属性
    • ondblclick属性
    • onmousedown属性
    • onmousemove属性
    • onmouseout属性
    • onmouseover属性
    • onmouseup属性
    • onkeypress属性
    • onkeydown属性
    • onkeyup属性
• <a>～</a>
  
  • charset属性
  • coords属性
  • hreflang属性
  • onblur属性
  • onfocus属性
  • shape属性
  • type属性
• <del>～</del>
  • cite属性
  • datetime属性
• <ins>～</ins>
  • cite属性
  • datetime属性
• <img>
  • ismap属性
  • usemap属性
• テーブル
  
  • <table>～</table>
    • cellpadding属性
    • cellspacing属性
  • <colgroup>～</colgroup>
    • align属性
    • char属性
    • charoff属性
    • valign属性
    • width属性
  • <col>
    • align属性
    • char属性
    • charoff属性
    • valign属性
    • width属性
  • <thead>～</thead>
    • align属性
    • char属性
    • charoff属性
    • valign属性
  • <tfoot>～</tfoot>
    • align属性
    • char属性
    • charoff属性
    • valign属性
  • <tbody>～</tbody>
    • align属性
    • char属性
    • charoff属性
    • valign属性
  • <tr>～</tr>
    
    • char属性
    • charoff属性
  • <th>～</th>
    • char属性
    • charoff属性
  • <td>～</td>
    • char属性
    • charoff属性

記述が制限されるタグや属性

• 共通属性
  
  • accesskey属性
    <a>タグでしか利用できない。
  • id属性
    中身がない<a>タグでしか利用できない。また、同じ属性値を持つname属性が必要。
  • tabindex属性
    <a>タグでしか利用できない。
  • title属性
    <a>タグ、<div>タグ、<img>タグ、<p>タグ、<span>タグ、<td>タグ、<th>タグで利用できる。
  • style属性
    利用できるプロパティや値に制限がある。
• <a>～</a>
  
  • 外部リンクの場合、rel属性値が「nofollow」に固定される。
• <abbr>～<abbr>
  
  • title属性を利用できないため、正式名称を指定できない。
• <acronym>～</acronym>
  
  • title属性を利用できないため、正式名称を指定できない。
• <cite>～</cite>
  
  • 中身が脚注へのリンクに置き換わるため、作品のタイトルを表すことができない。
• <del>～</del>
  
  • ブロック要素を囲むことができない。
• <dfn>～</dfn>
  
  • title属性を指定できないため、タグの中身でしか定義用語を示すことができない。
• <i>～</i>
  
  • lang属性を指定できないため、別言語の用語であることを示せない。
• <img>
  
  • src属性値に指定できるアドレスが制限されている。
• <ins>～</ins>
  
  • ブロック要素を囲むことができない。
• <strong>～<strong>
  
  • <strong><strong>極めて重要</strong></strong>のように入れ子にできないため、重要性の度合いを表せない。
• テーブル
  
  • <th>タグにid属性を指定できないため、<th>タグ、<td>タグのheaders属性が無意味に。

ニコニコ大百科:CSSプロパティ一覧

スタイルシートについての説明は省略します（知りたい人は各自調べてください）。
ここではニコニコ大百科で使えるものを書き出しておきます。

以降の表に記述されていないプロパティ、値は使えません。
もし記述漏れがあれば追記してください。

書き方

タグの中にstyle属性を指定して記述します。
ほとんどのタグで使えますが、おもに<span>、<p>、<div>、<table>タグで使用します。

例：

「span」以降にある「font-size: xx-small; color: #ff0000;」がスタイルシートです。
style=でスタイルシートですよ、と言ってるようなもんです。
""の中にプロパティ名（コロンの前にあるヤツ。font-sizeとか）を書いていきます。
コロンの後は値です。font-sizeなら「xx-large」って書いてあるのがそうです。
プロパティは一つのタグの中に複数指定できます（例のように）。
プロパティ同士はセミコロンで区切ります。style属性値の末尾にセミコロンがあっても構いません。
同じプロパティ名のプロパティを一つのタグ内に複数指定した場合、後に記述したものが反映されます。

プロパティ	意味	値
background-attachment:	スクロールしたときの背景画像の挙動を指定します。	fixed scroll
background-color:	背景色です。	transparent #RRGGBB それぞれ（Red Green Blue）の略です。 値は16進数で表記します（00～FF）。 詳細はニコニコ大百科:CSSでの色指定参照。
background-image:	背景画像を指定します。 指定できるアドレスは、<img>タグのsrc属性値と同じです。	none url(http://example.com/image.png)
background-position: xxx yyy	背景画像の位置を指定します。 横方向・縦方向の順にスペース区切りで記述します。	center left right top bottom <単位付きの数値1>
background-repeat:	背景画像の繰り返しを指定します。	repeat：縦方向・横方向に繰り返す repeat-x：横方向にのみ繰り返す repeat-y：縦方向にのみ繰り返す no-repeat：繰り返さない
background: linear-gradient	背景色に線形のグラデーションを指定します	2つ以上の色を指定することで使用できます。 background:linear-gradient(#RRGGBB,#RRGGBB); background:radial-gradient(#RRGGBB,#RRGGBB);
background: radial-gradient	背景色に円形のグラデーションを指定します。
background-size:	背景画像のサイズを指定します。	auto : 自動(初期値) cover : 背景領域に収まる最大サイズ(縦横比保持)画像の縦横比が要素の縦横比と異なる場合は画像の縦横どちらかを切り取ります。 contain : 背景領域が全て隠れるサイズ(縦横比保持) <単位付きの数値1>※ひとつの値(表示幅の指定)のみ使用可能です。高さはautoが適用されるので縦横比は保持されます。
background: aaa bbb ccc xxx yyy zzz	上記の背景に関する指定を、スペース区切りでまとめて行うことができます。順不同です。
border-bottom-color:	枠線の色を指定します。	#RRGGBB
border-left-color:
border-right-color:
border-top-color:
border-color: top right bottom left
border-bottom-style:	枠線の形状を指定します。 デフォルトではsolid（1本線）になっています。 ブラウザによって形状の見え方が違うので注意が必要です。	solid：1本線 double：2本線（幅が狭いと表示されない） groove：奥にくぼんだ形 ridge：手前にでっぱった形 inset：上と左が濃く、右と下が薄くなる outset：insetの逆 dashed：破線 dotted：点線
border-left-style:
border-right-style:
border-top-style:
border-style:
border-bottom-width:	枠線の太さを指定します。 デフォルトではthin（細い）になっています。	thin：細い medium：普通 thick：太い <単位付きの数値2>
border-left-width:
border-right-width:
border-top-width:
border-width:
border-radius:	枠や画像の角を丸くするための数値を指定します。 border-radius:(左上) (右上) (右下) (左下) 数値を1つだけ指定：左上右上左下右下一括 数値を2つ指定：順に「左上と右下」「右上と左下」 数値を3つ指定：順に「左上」「右上と左下」「右下」 数値を4つ指定：順に「左上」「右上」「右下」「左下」	水平方向と垂直方向の半径を個別に指定したい場合は「/」で区切って指定します。区切らない場合は水平方向も垂直方向も同じ値として扱われます。 <単位付きの数値1>
border-bottom: xxx yyy zzz	上記の枠線に関する指定を、スペース区切りでまとめて行うことができます。順不同です。
border-left: xxx yyy zzz
border-right: xxx yyy zzz
border-top: xxx yyy zzz
border: xxx yyy zzz
clear:	回り込みを解除します。	none left right both
color:	文字色を指定します。	#RRGGBB
display:	表示形式を指定します。	none block inline compact run-in list-item table
filter:	グラフィック効果を指定します。	blur()関数：ぼかし brightness()関数：明度 contrast()関数：コントラスト drop-shadow()関数：ドロップシャドウ効果 grayscale()関数：グレースケール hue-rotate()関数：グレースケール invert()関数：色相変換 opacity()関数：不透明度 saturate()関数：彩度 sepia()関数：セピア効果
float:	回り込みを指定します。	none left right
font-family:	文字のフォントを指定します。 カンマ区切りで複数記述することができ、左側のフォントほど優先順位が高くなります。	Mona IPAMonaPGothic 'IPA モナー Pゴシック' 'MS PGothic AA' 'MS PGothic' 'ＭＳ Ｐゴシック' sans-serif serif cursive fantasy monospace
font-size:	文字の大きさです。 何もしない場合使用しません。	上から小～大になっています。指定しなければ通常の文字サイズになります。 xx-small x-small small medium：（既定値） large x-large xx-large これ以外にも単位付きの数値も使用できます。 <単位付きの数値1>
font-style:	文字の形です。 何もしない場合使用しません。	normal italic：イタリック体 oblique：斜体
font-weight:	テキストの太さを指定します。 デフォルトは「normal」です。	上から順に太くなります 数値キーワード 100 200 300 400normal（既定値） 500 600 700bold 800 900
height:	高さを指定します。	<単位付きの数値1>
max-height:	高さの最大値を指定します。	<単位付きの数値1>
image-rendering:	画像の拡大縮小アルゴリズムを指定します。	auto（初期値） crisp-edges pixelated
letter-spacing:	文字同士の間隔を指定します。	normal <単位付きの数値3>
line-height:	行の高さ（行送り）を指定します。	<数値>：emと同じ意味になります。数値では1.0未満は扱えません。emや%で代用してください。 <単位付きの数値1>
list-style-image:	リストマーカーとして用いる画像を指定します。 指定できるアドレスは、<img>タグのsrc属性値と同じです。	none url(http://example.com/image.png)
list-style-position:	リストマーカーの位置を指定します。	outside inside
list-style-type:	リストマーカーとして用いる記号を指定します。	none disc circle square decimal upper-roman lower-roman upper-alpha lower-alpha
list-style: xxx yyy zzz	上記のリストマーカーに関する指定を、スペース区切りでまとめて行うことができます。順不同です。
margin-bottom:	外側の余白を指定します。ボックス要素に使うとインデント風の表示に。 marginで上下左右の余白をまとめて指定する場合、 数値を1つだけ指定：上下左右一括 数値を2つ指定：順に「上下」「左右」 数値を3つ指定：順に「上」「左右」「下」 数値を4つ指定：順に「上」「右」「下」「左」 一方向だけ余白がほしいとき、上記のmarginでは設定できない組み合わせ（たとえば上と右だけ）の方向に余白がほしいときは、margin-***を使います。 margin-bottom: 要素の下側の余白を指定します。 margin-left: 要素の左側の余白を指定します。 margin-right: 要素の右側の余白を指定します。 margin-top: 要素の上側の余白を指定します。 なお、margin-leftとmargin-rightを両方autoに指定すると中央揃えの効果が得られます。	auto：自動調整 <単位付きの数値2>
margin-left:
margin-right:
margin-top:
margin: top right bottom left
overflow:	はみ出した部分の表示方法を指定します。	visible hidden scroll auto
padding-bottom:	内側の余白を指定します。 borderを表示させた場合などにどうぞ。	<単位付きの数値2>
padding-left:
padding-right:
padding-top:
padding: top right bottom left
text-align:	文字列の位置を指定します。	left：左寄せ center：中央寄せ right：右寄せ
text-decoration:	文字列を装飾します。	none：何もなし underline：下線 overline：上線 line-through：打ち消し線
table-layout:	表の表示方法を指定します。	auto fixed
text-indent:	段落の字下げを指定します。	<単位付きの数値1>
text-transform:	大文字小文字を変換します。	none lowercase uppercase capitalize
vertical-align:	文字列の縦位置を指定します。 デフォルトはbaselineです。<td>タグのデフォルトはtopです。	baseline：ベースラインに揃える top：上揃えにする middle：中央揃えにする bottom：下揃えにする super：上付き文字として揃える sub：下付き文字として揃える text-top：テキストの上揃え text-bottom：テキストの下揃え
width	幅を指定します。	<単位付きの数値1>
max-width	幅の最大値を指定します。	<単位付きの数値1>
box-shadow:	枠や画像の影を指定します 数値1：水平方向（X座標）の距離 数値2：垂直方向（Y座標）の距離 数値3：ぼかし距離 数値4：広がり距離	box-shadow:X Y #RRGGBB; insetを指定することで枠内に影を付けることができます。
transform: rotate	画像や枠の角度を指定することができます rotate(**deg)：2D回転の角度 rotateX(**deg)：X軸中心の時計回りの回転角度 rotateY(**deg)：Y軸中心の時計回りの回転角度 rotate3d()：x,y,z軸の回転角度を指定したのち、時計回りの3D回転の角度を指定	rotateX、rotateY、rotate3dを使用して奥行きのある枠を作成したい場合は、指定したい枠の前にperspectiveを指定した枠を設定し、その中で使用する必要があります。 <単位付きの数値3>
perspective:	奥行きの深さを指定します。	<単位付きの数値3>
opacity:	枠や画像、文字などの要素の透明度を指定します。	0.0（完全に透明）～1.0（完全に不透明）の数値で指定します。

<単位付きの数値¹>で利用できる単位は、 px|em|pt|mm|cm|in|pc|ex|%です。
<単位付きの数値²>で利用できる単位は、 px|em|pt|mm|cm|in|pc|exです。%は大百科で利用が制限されている単位です。
<単位付きの数値³>で利用できる単位は、 px|em|pt|mm|cm|in|pc|ex|%です。%の利用は大百科では制限されていませんが扱えない単位です。
扱える数値は整数が百の位まで、少数は小数点以下第四位まで。%は少数点以下は扱えません。
CSS3で追加された単位は大百科では扱えません。

関連コミュニティ

関連項目

• テスト記事
• ニコニコ大百科:記事の編集方法
• ニコニコ大百科:編集者向けのページ
• ニコニコ大百科:ガイドブック
• ニコニコ大百科:HTMLテンプレート集
• ニコニコ大百科:HTML各要素のデフォルトCSS
• ニコニコ大百科:CSSでの色指定
• 凝ったレイアウトを作りたい人向け:スタイルシート活用講座
• HTMLカラーコード

オススメ記事(HTMLによる記事の作成参考例)

• MASTER ARTIST
• ゆめにっき

編集者向けページ
マニュアル	記事の編集方法 - HTMLタグ一覧 - HTMLエディタヘルプ - スマホエディタヘルプ - ピコカキコヘルプ - お絵カキコヘルプ - パンくずリスト - パンくずリストのガイドライン
マナー	編集時のマナー - 編集合戦 - 編集競合 - 楽しく過ごすために
素材	素材集 - 素材集2 - ニコニコテレビ君 - キャラアイコン - ドットキャラ - 外字・特殊フォント
テンプレ	お知らせ表示 - ユーザーボックス - テンプレートボックス - 作品テンプレート - HTMLテンプレート集 - Twitter引用
カラー	HTMLカラーコード - CSSでの色指定
仕様	仕様 - デフォルトCSS - 自動リンク - ページ番号 - リビジョン番号 - 初版作成日 - 最終更新日 - 編集履歴
依頼	一般会員依頼スレ - 記事作成依頼 - 記事加筆依頼 - 要編集記事 - 未作成タグ - 話題の単語
公式企画	百チャレ - 大百科グランプリ
ヘルプ	よくある質問 - エラー・不具合情報
編集者	編集者一覧 - ★ - ∞ - ♢
その他	今週のオススメ記事 - おすすめトレンド - 急上昇ワード改
編集者向けページテンプレートver20231215

脚注

1. *なお、非推奨ではあるものの、HTML Standardでも <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> のようなDOCTYPE文字列も許可されています。
2. *反対の用語をもつ、rel属性を代わりに使用する。（たとえば、rev="made"の代わりに、rel="author"を使用する。） (HTML Standard 日本語訳の旧式の機能より引用)
3. *代わりにabbrを使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
4. *代わりにCSSの clear を使いましょう。
5. *代わりにCSSの margin、または text-align を使いましょう。
6. *代わりにCSSの text-align を使いましょう。
7. *代わりにCSSの margin、または text-align を使いましょう。
8. *代わりにCSSの width を使いましょう。
9. *そもそもニコニコ大百科では効果のない属性です。
10. *代わりにフレーム内に表示しているHTMLの方で <body> タグにCSSの overflow を設定する必要がありますが、niconicoはいずれのサービスの埋め込みコンテンツでもこの設定を行っていないため、この属性に頼らざるを得ません。
11. *代わりにCSSの float、または vertical-align を使いましょう。
12. *代わりにCSSの margin を使いましょう。
13. *説明へのリンクのためにa要素を使用する、 (HTML Standard 日本語訳の旧式の機能より引用)
14. *代わりにCSSの margin を使いましょう。
15. *代わりにCSSの text-align を使いましょう。
16. *代わりにCSSの float、または margin を使いましょう。
17. *そもそもニコニコ大百科では効果のない属性です。
18. *そもそもニコニコ大百科では効果のない属性です。
19. *そもそもニコニコ大百科では効果のない属性です。
20. *tableのセクションで指定されたテーブルを記述するための手法のいずれかを代わりに使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
21. *代わりにCSSの width を使いましょう。
22. *曖昧さのない簡潔な方法で始まるテキストを使用し、その後に任意のより精巧なテキストを含める。[…] 見出しである場合、（abbr属性を持つ）thを使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
23. *代わりにCSSの text-align を使いましょう。
24. *代わりに該当するth要素でscope属性を使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
25. *代わりにCSSの background-color などを使いましょう。
26. *ヘッダーセルのIDをスペース区切りで指定しどのヘッダーセルと結びついているか指定する属性ですが、ニコニコ大百科ではヘッダーセル (&lttd>) のid属性が削除されるため、headers属性は使わないでください。
27. *代わりにCSSの height を使いましょう。
28. *代わりにCSSの white-space を使いましょう。
29. *見出しセルに対してth要素を使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
30. *代わりにCSSの vertical-align を使いましょう。
31. *代わりにCSSの width を使いましょう。
32. *代わりにCSSの text-align を使いましょう。
33. *代わりに該当するth要素でscope属性を使用する。 (HTML Standard 日本語訳の旧式の機能より引用)
34. *代わりにCSSの vertical-align を使いましょう。
35. *代わりにCSSの text-align を使いましょう。
36. *代わりにCSSの vertical-align を使いましょう。
37. *tt要素がキーボード入力をマークアップするために使用されるであろう場所において、kbd要素を考慮する。変数に対しては、var要素を考慮する。コンピューターコードに対しては、code要素を考慮する。コンピューター出力に対しては、samp要素を考慮する。 (HTML Standard 日本語訳の旧式の機能より引用)
38. *なお、HTMLにも<cite>タグがありますが、あまり関係はありません。