简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

CSSで継承できるプロパティは何ですか

青灯夜游
リリース： 2023-01-05 16:08:34
オリジナル
4656 人が閲覧しました

CSS は、色、フォント、引用符、カーソル、ページ、ウィンドウ、テキストインデント、フォントサイズ、フォントスタイル、方向、行の高さ、単語間隔などの属性を継承できます。

CSSで継承できるプロパティは何ですか

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

css の継承とは何ですか?

継承の概念はオブジェクト指向言語に存在します。オブジェクト指向言語では、継承の特徴は次のとおりです。親クラスのプロパティとメソッド。

ということで今はプロパティ設定であるcssを中心に勉強しています。メソッドのレベルは関係ありません。

CSSの継承: 親にいくつかのプロパティを設定し、子は親のプロパティを継承するというもので、これがCSSの継承です。

公式説明では、継承とは、特定の html タグ要素だけでなく、その子孫要素にもスタイルを適用できるようにするルールです。

例:




  
  继承性
  




  

      小白兔白又白两只耳朵竖起来
ログイン後にコピー

レンダリング:

CSSで継承できるプロパティは何ですか

##CSS のどのプロパティを継承できるか

1. テキストシリーズの属性

text-indent：テキストのインデント

text-align：テキストの水平方向の配置

line- height: 行の高さ

word-spacing: 単語間のスペース (つまり、単語の間隔) を増減します。

letter-spacing: 文字間のスペース (文字間隔) を増減します

text-transform: テキストの大文字小文字の制御

direction: テキストの書き込み方向の指定

color: テキストの色

2. フォント シリーズの属性

font: 結合フォント

font-family: 要素のフォントファミリーを指定

font-weight: フォントの太さを設定

font- size: フォントのサイズを設定します。

font-style: フォントのスタイルを定義します。

font-variant: テキストを表示するための小さな大文字のフォントを設定します。小文字はすべて大文字に変換されますが、小文字のすべての文字はテキストの残りの部分に比べてフォント サイズが小さくなります。

font-stretch: 現在のフォントファミリーを引き伸ばして変換します。すべての主要なブラウザでサポートされているわけではありません。

font-size-adjust: 優先フォントの X 高さが維持されるように、要素のアスペクト値を指定します。

3. テーブルレイアウト属性

caption-side: テーブルタイトルの位置を設定します。

border-collapse: テーブルの境界線を 1 つの境界線に結合するか、標準 HTML のように個別に表示するかを設定します。

border-spacing: 隣接するセルの境界線間の距離を設定します (「境界線の分離」モードでのみ使用されます)。

empty-cells: 表内の空のセルを表示するかどうかを設定します (「切り離された境界線」モードの場合のみ)。

table-layout: テーブルのテーブル レイアウト アルゴリズムを設定します。

4. リスト レイアウト属性:

list-style-type: リスト項目マークのタイプを設定します。

list-style-image: 画像を使用してリスト項目のマークアップを置き換えます。

list-style-position: リスト項目マーカーがオブジェクトのコンテンツに対してどのように描画されるかを示します。

list-style: 短縮属性は、1 つの宣言ですべてのリスト属性を設定します。

5. 要素の可視性: 可視性

6. コンテンツ属性の生成: quotes

7. カーソル属性: カーソル

8、ページ スタイル属性 : ページ、改ページ内部、ウィンドウ、オーファン

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

話し方、話し方の句読点、話し方の数字、話し方のヘッダー、話し方の速度、音量、声の種類、ピッチ、ピッチの範囲、強さ、豊かさ、方位角、仰角

(学習ビデオ共有:

css ビデオ チュートリアル)

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

関連ラベル：
css 継承する
ソース：php.cn
前の記事：CSSで透明色を設定する方法 次の記事：CSSフォントを中国語楷書に変更する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない カスタムWordPressブロックテーマを作成するためにUdemyWordPressコースを受講しています。 function.php にブロック タイプが正常に登録され、Gute...
から 2023-11-12 20:37:50
0
2
261
CSS の小数点の先頭のゼロが大きな数値では機能しない 最近、100 を超えるリスト項目を含む順序付きリストを作成したときに問題が発生しました。 list-style:10 進数先頭ゼロ;ol{list-style:10 進数先頭ゼロ;...
から 2023-11-07 10:35:53
0
1
236
Sass エラー: ファイルはすでにロードされています: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss 私は quasar フレームワークを使用しており、プロジェクトのコンパイル中に上記のエラーが発生しました。モジュールのビルドに失敗しました (./node_modules/sass...
から 2023-11-06 21:38:55
0
1
219
HTML/CSSに背景ビデオを埋め込むにはどうすればよいですか? 皆さん、こんにちは。最近問題が発生しました。自分のサイトにビデオの背景を設定しようとしていますが、中央揃えのテキストが一番下まで表示されます。理由はわかりませんが、ナビゲーション ...
から 2023-11-06 13:59:13
0
1
240
JavaScriptでCSS/HTMLの名前付きcolorのRGB値を取得する方法 [name-rgb] という名前の Javascript オブジェクトを作成しました。 Basic:namedColors={AliceBlue:[240,248,255],Ant...
から 2023-11-06 09:05:50
0
2
210
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！