inherit CSS значення
Ключове слово, яке повідомляє, що необхідно наслідувати значення властивості у батьківського елементу. Звісно, результат буде помітний лише в тому випадку, якщо у батька вказана властивість встановлена.
h1 намагається успадкувати значення кольору, яке він знаходить у елементі body.
Кожна CSS властивість може приймати, як значення, ключове слово inherit. Наприклад, ось так:
span {
font-size: inherit;
}
Цим ми змушуємо певний елемент успадковувати вказане значення властивості від батьківського елемента. Якщо в CSS не інстальовано властивість для батьківського елемента, то він успадкує значення, обчислене від батька (яке може бути дефолтним або яким-небудь іншим, успадкованим від батьківського елемента).
Ключове слово inherit може стати в нагоді, якщо ви хочете привласнити одне і те ж значення групі дочірніх елементів для властивостей, які зазвичай не успадковуються. наприклад:
.block {
box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.4);
}
.block div {
box-shadow: inherit;
}
Тепер всі елементи <div> всередині основного елемента .block успадковують його значення властивості box-shadow.
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| inherit | 8.0 |
12.0 |
1.0 |
4.0 |
1.0 |
1.0 |
| Переглядач | |||
|---|---|---|---|
| inherit | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Синтаксис властивості.
.block{
color: inherit;
color: -moz-inherit;
font-family: inherit;
font-family: -moz-inherit;
}Демонстація роботи значення.