■ ヒヒントだよ！HTML & CSS ■

    topへ     序     HTML     CSS     表計算利用     ファイル     色指定     ソフト/機材     参考書など     単位     記号の例

    CSS基本     その1     その2     その3     その4     その5     その6

■ CSS その1

• @charset "文字コード";、文字コードを明示する。
• /* コメント */、コメントを書き込む。

• 要素名{～}、指定した要素にスタイルを適用する。
• 要素名.クラス名{～}、指定したクラスを持つ要素にスタイルを適用する。
  ※要素名省略化
• 要素名 #ID{～}、指定したID名を持つ要素にスタイルを適用する。
  ※要素名省略化

• *{～}、すてべの要素にスタイルを適用する。
• 要素名A 要素名B{～}、省略。
• 要素名A + 要素名B{～}、省略。

• 要素名 > 要素名B{～}、子要素にスタイルを適用する。   →例を表示する。

• 要素名 ～ 要素名B{～}、省略。
• 要素名[属性]{～}、省略。
• 要素名[属性="属性値"]{～}、省略。
• 要素名[属性~"属性値"]{～}、省略。
• 要素名[属性^"属性値"]{～}、省略。
• 要素名[属性$"属性値"]{～}、省略。
• 要素名[属性*"属性値"]{～}、省略。
• 要素名[属性|"属性値"]{～}、省略。
• 要素名:first-childファースト-チャイルド{～}、省略。
• 要素名:first-of:-typeファースト-オフ-タイプ{～}、省略。
• 要素名:last-childラスト-チャイルド{～}、省略。
• 要素名:last-of-typeラヅト-オフ-タイプ{～}、省略。
• 要素名:nth-child(エンス-チャイルドn){～}、省略。
• 要素名:nth-of-type(エンス-オフ-タイプn){～}、省略。
• 要素名:nth-last-chid(エンス-ラスト-チャイルドn){～}、省略。
• 要素名:nth-last-of-type(エンス-ラスト-オブ-タイプn){～}、省略。
• 要素名:only-childオンリー-チャイルド{～}、省略。
• 要素名:only-of-typeオンリー-オフ-チャイルド{～}、省略。
• 要素名:emptyエンプティ{～}、省略。
• :rootルート{～}、省略。

• 要素名:linkリンク{～}、 訪問者が未訪問のリンクにスタイルを適用する。
• 要素名:visitedヴィジテッド{～}、 訪問者が訪問済みのリンクにスタイルを適用する。
• 要素名:any-linkエニー-リンク{～}、 訪問の有無に関係なくスタイルを適用する。。
• 要素名:activeアクティブ{～}、 アクティブになった要素にスタイルを適用する。
• 要素名:hoverホバー{～}、 マウスポインターが重ねられた要素にスタイルを適用する。
    例:a:hover { color: #ff66cc; text-decoration: none; }
• 要素名:targetターゲット{～}、 アンカーリンクの移動先要素にスタイルを適用する。
    例 :target { background-color: #ff99cc; }
  <a href="例.htm#アンカー">例アンカーへ</a>のアンカーにスタイルを設定ができます。
  <a href="例.htm>～は対象外です。
  ※要素名は省略できます。

• 要素名:focusフォーカス{～}、フォーカスされている要素にスタイルを適用する。→例を表示する。

• 要素名:focus-withinフォーカス-ウィスイン{～}、フォーカスを持った要素を含む要素にスタイルを適用する。
    →例を表示する。

• 要素名:focus-visibleフォーカス-ヴィジブル{～}、？。
• :hostホスト{～}、省略。
• 要素名:lang(ランゲージ言語){～}、省略。
• 要素名:not(ノット条件){～}、省略。
• 要素名:fullscreenフルスクリーン{～}、省略。

• 要素名:hasハズ(要素名){～}、省略。
• 要素名:isイズ(要素名){～}、省略。
• 要素名:whereホエア(要素名){～}、省略。

• @page:leftレフト{～}、省略。
• @page:rightライト{～}、省略。
• @page:firastファースト{～}、省略。
• 要素名:enabledエネイブルド{～}、省略。
• 要素名:disabledディスエイブルド{～}、省略。
• 要素名:checkedチェックド{～}、省略。
• 要素名:defaultデフォルト{～}、省略。
• 要素名:in-rangeイン-レンジ{～}、省略。
• 要素名:out-of-rangeアウト-オフ-レンジ{～}、省略。
• 要素名:validバリッド{～}、省略。
• 要素名:invalidインバリッド{～}、省略
• 要素名:requiredリクワイアード{～}、省略。
• 要素名:optionalオプショナル{～}、省略。
• 要素名:read-writeリード-ライト{～}、省略。
• 要素名:read-onlyリード-オンリー{～}、省略。
• 要素名:definedデファインド{～}、省略。
• 要素名:indeterminateインデタミネート{～}、省略。
• 要素名:placeholder-shownプレースホルダー-ソーン{～}、省略。
• 要素名::placehholderプレースホルダー{～}、省略。
• 要素名::first-lineファースト-ライン{～}、省略。
• 要素名::first-letterファースト-レター{～}、省略。。

• 要素の内容の前後に指定したコンテンツを挿入する。
  • 要素名::beforeビフォア{～}
  • 要素名::afuterアフター{～}

• 要素名::bakdropバックドロップ{～}、省略。
• 要素名::cueキュー{～}、省略。
• 要素名::selectionセレクション{～}、省略。
• 要素名::slotted(スロテッド{～}、省略。

    CSS基本     その1     その2     その3     その4     その5     その6

    topへ     序     HTML     CSS     表計算利用     ファイル     色指定     ソフト/機材     参考書など     単位     記号の例