Para que serve o inherit

06/03/2017

0

CSS

Fala pessoal, tive uma curiosidade recentemente, vi que existe um valor para as propriedades no css chamada inherit. Eu sempre a via, mas nunca a usava. Por curiosidade, as vezes alterava os valores das propriedades para ver o que ia dar, mas nunca alterava nada. Alguém sabe para que serve o inherit?
Calebe Menezes

Calebe Menezes

Responder

Post mais votado

08/03/2017

Opa Calebe, tudo tranquilo?

Respondendo a sua pergunta: Existem propriedades css que são automaticamente passadas de pai para filho, tipo o tamanho da fonte (uma div pai que define um tamanho de fonte passará o valor ao div interno). Para as propriedades que não são herdadas por padrão, se utiliza o valor inherit. Atribuindo esse valor a uma propriedade css do elemento filho você realizará a herança do valor definido no pai!

Para te mostrar melhor como funciona, criei um projeto simples no Plunker:

http://plnkr.co/edit/lCy5P4yJ9ZmKzCrPOaY7?p=preview

No menu à esquerda se acessam os arquivos. Em style.css está definida a propriedade a ser herdada, com o valor inherit. Também se nota que não foi necessário utilizar o valor inherit para o tamanho da fonte, que por padrão já é aplicado aos elementos filhos.

Espero que tenha ficado claro. Qualquer dúvida, só perguntar.

Um abraço!

Luis Mesa

Luis Mesa
Responder

Mais Posts

09/03/2017

Calebe Menezes

Opa Luís, beleza?

Pow cara, bem explicado!

Muito legal saber sobre essa questão da herança! Já vi uma grande utilidade nisso!
Responder

09/03/2017

Luis Mesa

Obrigado! :)

Que bom que a resposta foi útil pra você, qualquer outra dúvida, tamo aí.

Um abraço
Responder

10/03/2017

Calebe Menezes

Valeu amigo, tmj!
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar