HTML/スタイルシート リファレンス
ページ全体
| 項目 | HTML | スタイルシート |
| ページ全体の背景色を設定したい。 | background-color | |
| 背景に画像を指定したい。 | background-image | |
| コメントをいれたい。 | <comment> | コメント |
フォント・テキスト関連
| 項目 | HTML | スタイルシート |
| フォントを指定したい。 | <font> | font-family font |
| 基本のフォントサイズを指定したい。 | <basefont> | |
| 文字色を指定したい。 | <font> | color font |
| 見出しを付けたい。 | <h1～h6> | |
| 段落を付けたい。 | <p> | |
| 強調したい。 | <strong> <em> <b> | |
| 点滅させたい。 | <blink> | text-decoration |
| 周囲の文字サイズより大きくしたい。 | <big> | font-size |
| 周囲の文字サイズより小さくしたい。 | <small> | font-size |
| 行揃えをしたい。 | text-align | |
| センタリングしたい。 | <center> | text-align |
| 文字を上付きにしたい。 | <sup> | vertical-align |
| 文字を下付きにしたい。 | <sub> | vertical-align |
| テキストに下線を引きたい。 | <u> | text-decoration |
| テキストに取消し線(見え消し線)を入れたい。 | <del> <s> <strike> | text-decoration |
| テキストをイタリック(斜め)にしたい。 | <i> <em> | font-style font |
| フォントを等幅にしたい。 | <tt> | font-family font |
| 改行したい。 | <br> | |
| 改行やスペースをそのまま表示させたい。 | <pre> | white-space |
| プログラムコードであることを明示したい。 | <code> | |
| キーボードのキーであることを明示したい。 | <kbd> | |
| プログラムから出力されたメッセージであることを明示したい。 | <samp> | |
| 変数や引数であることを明示したい。 | <var> | |
| 読み仮名(ルビ)を振りたい。 | <ruby> <tb> <rt> <rp> | |
| ルビの配置のさせ方を変えたい。 | ruby-align | |
| ルビの表示場所を変えたい。 | ruby-position | |
| ルビをせり出させたい。 | ruby-overhang |
表(テーブル)関連
| 項目 | HTML | スタイルシート |
| 表を作りたい。 | <table> <tr> <th> <td> | |
| 表のタイトルを表示させたい。 | <caption> | |
| 表のタイトルの配置位置を指定したい。 | caption-side | |
| 表やセルの幅を指定したい。 | width | |
| 表やセルの高さを指定したい。 | height | |
| セルとセルの間隔を指定したい。 | border-spacing | |
| セル内の空白を設定したい。 | padding | |
| セル内の文字列の配置を指定したい。 |
text-align vertical-align |
|
| 表やセルの背景色を指定したい。 | background-color | |
| 表やセルの背景画像を指定したい。 | background-image | |
| 表の外枠の太さを指定したい。 | border-width | |
| 外枠の内、どれかを表示させたい。 | border-bottom border-left border-right border-top | |
| 横の列にまとめて書式を指定したい。 | <thead> <tbody> <tfoot> | |
| 縦の列にまとめて書式を指定したい。 | <colgroup> <col> |
リンク関連
| 項目 | HTML | スタイルシート |
| リンクしたい。 | <a> | |
| リンク部分に装飾を加えたい。 | text-decoration link visited hover active | |
| リンク部分の文字色を設定したい。 | link visited hover active | |
| メールソフトを起動させたい。 | <a> |
画像関連
| 項目 | HTML | スタイルシート |
| 画像を表示したい。 | <img> | |
| 画像の見た目を変えたい。 | filter |
配置関連
| 項目 | HTML | スタイルシート |
| 横位置：左つめにしたい。 | left text-align | |
| 横位置：右つめにしたい。 | right text-align | |
| 横位置：中央に配置したい。 | <center> | margin |
| 縦位置の配置 | vertical-align | |
| 要素に関係なく配置したい。 | position-absolute | |
| 要素に対して相対的に配置したい。 | position-relative | |
| 配置を固定したい。 | position-fixed | |
| センタリングしたい。 | <center> | margin |
| テキストを回りこませたい。 | float |
リスト関連
| 項目 | HTML | スタイルシート |
| リスト(定義型)を作りたい。 | <dl> | |
| リスト(列挙)を作りたい。 | <ul> | list-style-type |
| リスト(番号付き)を作りたい。 | <ol> | |
| リストのマークを変えたい。 | <li> | list-style-type list-style-image |
| リストのマークに画像を使いたい。 | list-style-image |
