IT専科TOP> HTML/スタイルシート

HTML/スタイルシート リファレンス

ページ全体

項目 HTML スタイルシート
ページ全体の背景色を設定したい。 background-color
背景に画像を指定したい。 background-image
コメントをいれたい。 <comment> コメント

▲PageTop

フォント・テキスト関連

項目 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

▲PageTop

表(テーブル)関連

項目 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>

▲PageTop

リンク関連

項目 HTML スタイルシート
リンクしたい。 <a>
リンク部分に装飾を加えたい。 text-decoration   link   visited   hover   active
リンク部分の文字色を設定したい。 link   visited   hover   active
メールソフトを起動させたい。 <a>

▲PageTop

画像関連

項目 HTML スタイルシート
画像を表示したい。 <img>
画像の見た目を変えたい。 filter

▲PageTop

配置関連

項目 HTML スタイルシート
横位置:左つめにしたい。 left   text-align  
横位置:右つめにしたい。 right   text-align  
横位置:中央に配置したい。 <center> margin
縦位置の配置 vertical-align
要素に関係なく配置したい。 position-absolute
要素に対して相対的に配置したい。 position-relative
配置を固定したい。 position-fixed
センタリングしたい。 <center>   margin
テキストを回りこませたい。 float

▲PageTop

リスト関連

項目 HTML スタイルシート
リスト(定義型)を作りたい。 <dl>
リスト(列挙)を作りたい。 <ul> list-style-type
リスト(番号付き)を作りたい。 <ol>
リストのマークを変えたい。 <li> list-style-type   list-style-image
リストのマークに画像を使いたい。 list-style-image

▲PageTop

資料

▲PageTop

IT専科
案件情報 -it's案件
プロステップ

Valid HTML 4.01 Strict Valid CSS!