ホームページ > ウェブフロントエンド > フロントエンドQ&A > 親クラスから継承しない CSS のプロパティは何ですか?

親クラスから継承しない CSS のプロパティは何ですか?

青灯夜游
リリース: 2023-01-07 11:45:08
オリジナル
4307 人が閲覧しました

親クラスから継承しない CSS 属性には、display、width、height、margin、border、float、clear、position、top、right、bottom、left、background、content、size などがあります。

親クラスから継承しない CSS のプロパティは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS 継承は、特定の HTML タグ要素だけでなく、その子孫にもスタイルを適用できるようにするルールです。つまり、上位 (親) の CSS スタイルが設定されている場合、上位の CSS スタイルも設定されます。 (親) レベル)、その下の子 (部下) はこのスタイルになります。

CSS 継承の役割: 親要素にいくつかの属性を設定します。これは子要素でも使用できます。

CSS 継承とは、内側でラップされたタグが外側のタグのスタイル プロパティを持つことを意味します。継承機能の最も典型的な応用例は、通常、Web ページ全体のスタイルのデフォルトに使用され、他のスタイルとして指定する必要がある部分を個別の要素に設定できます。この機能は、Web デザイナーに、より理想的な空間を提供します。しかし同時に、継承には多くのルールがあり、適用すると混乱する可能性があります。

それでは、親クラスから継承しない CSS のプロパティとは何でしょうか?

##1. テキスト属性:


    ##vertical-align: テキストの垂直配置
  • text-decoration: テキストに追加する装飾を指定します
  • text-shadow: テキストの影効果
  • white-space: 空白処理
  • unicode-bidi: テキストの方向を設定します
  • 2.display: 要素が生成するボックスのタイプを指定します

3. コンテンツ属性の生成:

content、counter-reset、counter-increment
ログイン後にコピー

4. ボックス モデル属性:

width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
ログイン後にコピー

5. アウトライン スタイル属性:

outline-style、outline-width、outline-color、outline
ログイン後にコピー

6. ページ スタイル属性:

size、page-break-before、page-break-after
ログイン後にコピー

7. バックグラウンド属性:

background、background-color、background-image、background-repeat、background-position、background-attachment
ログイン後にコピー

8. ポジショニング属性:

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
ログイン後にコピー

9. サウンド スタイル属性:

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during
ログイン後にコピー

(学習ビデオ共有:

css ビデオチュートリアル

)

以上が親クラスから継承しない CSS のプロパティは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート