inherit CSS значення

Ключове слово, яке повідомляє, що необхідно наслідувати значення властивості у батьківського елементу. Звісно, результат буде помітний лише в тому випадку, якщо у батька вказана властивість встановлена.

h1 намагається успадкувати значення кольору, яке він знаходить у елементі body. Ключове слово `inherit`

Кожна 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;
}

Демонстація роботи значення.