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

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

青灯夜游
青灯夜游オリジナル
2021-07-22 17:59:194279ブラウズ

親クラスから継承しない 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。