NB: Ця відповідь не має вагомих доказів, вона ґрунтується на моїх спостереженнях у той час.
Властивості, що обчислюються сірим кольором, не є ні типовими, ні успадкованими. Це відбувається лише для властивостей, які не були визначені для елемента, але обчислювались на основі його дочірніх або батьківських даних на основі візуалізації макета середовища виконання.
Візьмемо цю просту сторінку як приклад, вона displayє типовою та font-sizeуспадковується:
<style>
div { font-size: 13px; }
</style>
<div>
<p>asdf</p>
</div>
У цьому конкретному прикладі heightобчислюється з <p>текстового вузла дітей (розмір шрифту плюс висота рядка), widthобчислюється з <div>ширини батьківського елемента, який також обчислюється з батьківського рівня <body>.
EDIT: Ну, я ще раз подумав, ось відповідь на основі моєї думки . Мені справді слід піти і поглянути на вихідний код Chromium пізніше: D
Розширивши ці стрілки, ви зможете побачити, яке фактичне правило застосовується до елемента, серед усіх визначених проти нього (або безпосередньо, або успадковане, розробником або браузером):
Тут ви можете прослідкувати до кожного визначення, включаючи вбудовані правила браузера, і перевірити за допомогою механізму каскадного (перевизначення) CSS.
Отже, для тих елементів, які не мають визначення CSS (відсутні безпосередньо визначені, не успадковані, не вбудований браузер), у вас немає джерела для відстеження. І значення властивостей обчислюються повністю під час виконання.
Якщо встановити прапорець Показати все , відображатимуться більше сірих властивостей. Вони також ніде не визначені. Але на відміну від попередніх знімків екрану, вони не обчислюються під час виконання - це значення CSS за замовчуванням.
