スタイル CSS サンプル集
CSS関係リンクのリンク
擬似要素等
- 未訪問と訪問済みのリンクを区別する
- 背景が暗いページでのリンク色の指定
- マウスの動きでスタイルを変える
- name属性のあるa要素にもスタイルが反映される
- 疑似クラスを重ねて書く
- 最初の文字のスタイルを指定する
- 最初の行のスタイルを指定する
- 外部スタイルシートを取り込む
- 文字コードを指定する
色と背景
- 文字の色を指定する
- 背景色を指定する
- a:hoverに背景色を指定する
- フォームの部品に背景色を付ける
- 背景画像を付ける
- 背景色を付けたdiv要素でページの内容を囲む
- 背景画像の繰り返し方を指定する
- background-repeatのキーワード
- 左上に画像を1つ置く
- リンクと背景画像の組み合わせ
- 背景画像を固定する
- 2種類の画像を固定させる
- 背景画像の位置を指定する
- background-positionのキーワード
- 背景関連のプロパティーをまとめる
- ページの右側に画像を並べる
- 背景画像を区切り線代わりに使う
フォント
- フォント名を指定する その1
- ウィンドウズのフォント
- マッキントッシュのフォント
- 半角英数字だけ欧文フォント
- 欧文フォントと日本語フォントの同時指定
- IEの欧文フォント
- フォント名を指定する その2
- 文字の大きさを指定する
- 見出しなどのフォントサイズを指定する
- preのサイズを大きくする
- 文字を太くする
- dt要素を太くする
- 100〜900のテスト
- 文字を斜体にする
- 文字にマーカーを塗る
- スモールキャピタルで表示する
- フォントのプロパティーをまとめる
- 欧文フォントを見出しにする
- fontプロパティーでboldを省略する
- システムフォントを使う
テキスト
- 行間を空ける
- line-heightの継承のテスト
- 文字を上下にずらす
- 段落の頭を字下げする
- text-indentにマイナスの値を指定
- 左揃え、中央揃え、右揃えを指定する
- 下線、上線、取り消し線を引く
- リンクの下線を消す
- マウスを載せたときに下線を表示
- マウスを載せたときに下線、上線、背景色を表示
- 文字の間隔を空ける
- 単語の間隔を空ける
- リンクのテキストを横に並べる
- 大文字、小文字にする
- 空白文字の扱いを変える
- セル内での折り返しを禁止する
- テキスト方向を指定する
- リストと表にrtlを指定
- 混在したテキスト方向を処理する
- 見出しを右から左に表示
ボックス
- 上下の余白を指定する
- 画像と文字を重ねる
- 見出しとリストの間の余白を取る
- マージン
- body直下の要素の上余白のテスト
- div要素内のp要素のマージン
- 左右の余白を指定する
- ページ全体の左右に余白を空ける
- blockquoteとtableのマージンバグ
- インライン要素にマージンを指定
- ブロック要素をセンタリングする
- ブロック要素を右揃えにする
- 古いブラウザーでもセンタリングする
- 余白をまとめて指定する
- 上下左右のパディングを指定する
- 左パディングを空けて画像を並べる
- パディングをまとめて指定する
- 見出しや段落にパディングを指定
- 上下左右の枠線の太さを指定する
- 枠線の太さをまとめて指定する
- 枠線を見出しに応用
- 枠線の飾りつけをCSSで
- 上下左右の枠線の色指定
- 枠線の色をまとめて指定する
- リンクに載せた時枠線
- 枠線の遊び
- 枠線の種類
