質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.45%
Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

3510閲覧

Chrome DevTools の Style タブの見方について(スタイルの継承)

naserehari

総合スコア35

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/09/02 00:29

以下の画像の緑色で囲った箇所は薄い文字になっています。
これはどういう意味ですか?

イメージ説明

例えば以下のコードは hoge クラスで定義されています。
(なぜ、 white-space は薄くなっておらず、 text-overflow は薄いの?)

css

1 white-space: nowrap; 2 text-overflow: ellipsis;

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/09/02 00:34

あとは「GoogleChrome devtools style 見方」で検索してみるとか。 ※調べたことについて何も書かれていないための指摘をしています。もし調べたこと試したことがあるのでしたら必ず記載してください。 https://teratail.com/help/question-tips#questionTips1-2
naserehari

2020/09/02 03:24

確認せず、気軽に投稿してしまいました。 本来の目的からソレて yak shaving になっていたところの質問でした。 そうですよね。公式ドキュメントですよね。失礼しました。 teratail のガイドラインは知りませんでした。 まずは調べて、その旨も記載ですね。以後気をつけます。
m.ts10806

2020/09/02 03:27 編集

質問は編集できますので今調べて追記した方が良いかと。他人に注意されたことは時間たてば忘れます。
guest

回答1

0

ベストアンサー

推測ですが、グレーアウトしているプロパティはいずれも「継承なし」となっているものではないでしょうか。

display - CSS: カスケーディングスタイルシート | MDN
background-color - CSS: カスケーディングスタイルシート | MDN
width - CSS: カスケーディングスタイルシート | MDN
overflow - CSS: カスケーディングスタイルシート | MDN
text-overflow - CSS: カスケーディングスタイルシート | MDN

「Inherit from」の欄には、継承されているプロパティだけではなくて、そのルール全てを表示して、継承のないものをグレーアウトしているように見えます。

投稿2020/09/02 02:00

Lhankor_Mhy

総合スコア36185

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

naserehari

2020/09/02 03:28

なるほど! MDN には継承の「あり/なし」がキッチリ明記されているのですね。勉強になりました.
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.45%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問