Latest web development tutorials
×

CSS コース

CSS コース CSS 簡単な紹介 CSS 文法 CSS Id と Class セレクタ CSS 作ります CSS 背景(background) CSS テキスト(text) CSS フォント(Fonts) CSS リンク(link) CSS リストスタイル(ul) CSS テーブル(table) CSS ボックスモデル CSS フレーム(border) CSS 輪郭(outline) CSS マージン(margin) CSS 充填(padding) CSS グループ化とネスト CSS サイズ(Dimension) CSS ディスプレイ(display) CSS 検索します(position) CSS フロート(float) CSS 整列します(align) CSS セレクタの組み合わせ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウンメニュー CSS イメージギャラリー CSS 透視画像/不透明な CSS 画像モザイク技術 CSS メディアタイプ CSS 属性セレクタ CSS サマリー CSS 例

CSS3 コース

CSS3 コース CSS3 簡単な紹介 CSS3 フレーム(border) CSS3 背景 CSS3 段階的変化 CSS3 テキストエフェクト CSS3 フォント CSS3 2D 変更 CSS3 3D 変更 CSS3 トランジション CSS3 アニメーション CSS3 マルチカラム CSS3 ユーザーインターフェース

CSS レスポンシブデザイン

Viewport グリッドビュー メディアクエリ 絵 ビデオ(video) フレーム

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS カラー値 CSS 色名 CSS 16進数の色

CSS属性セレクタ

特定の属性を持つHTMLスタイル要素

HTML要素のスタイルは、特定のプロパティを持つだけのクラスとIDではありません。

注意:! IE7とIE8のDOCTYPE宣言が唯一の属性セレクタをサポートする必要が！IE6以前のバージョンでは、属性セレクタをサポートしていません。

属性セレクタ

次の例では、青になるタイトル（タイトル）のすべての要素を含むことになります。

例

[タイトル] { 色：ブルー ;}

»をお試しください

属性と値のセレクタ

次の例では、= 'w3big'要素タイトルタイトル境界線スタイルを変更します。

例

[タイトル = w3big] { 国境：5ピクセル 固体 グリーン ;}

»をお試しください

[プロパティ]を選択し、値 - より多くの価値

：プロパティと値を分離する - を（）ここで、スタイル要素のtitle属性の例は、使用しての値を指定で

例

[タイトル 〜=ハロー] { 色：ブルー ;}

»をお試しください

（|）ここで、スタイル要素のlang属性の例は、使用しての値を指定している属性と値を分離します：

例

[ラング | =アン] { 色：ブルー ;}

»をお試しください

フォームのスタイル

クラスまたはIDの形式を使用せずにセレクタのスタイル属性：

例

入力 [タイプ= "テキスト"] { 幅：150ピクセル ;表示：ブロック ;マージン底：10ピクセル ;背景色：黄色 ;} 入力 [タイプ= "ボタン"] { 幅：120ピクセル ;マージン左：35ピクセル ;表示：ブロック ;}

»をお試しください