Beto Muniz
  • Share

LH e RLH

tech

⚡️ LH e RLH são novas unidades de medidas no CSS que permitem a exploração da propriedade line-height como medida referencial.

👉 LH representa o line-height do elemento que está controlando o contexto.

👉 RLH representa o line-height do elemento pai mais próximo que possui definição line-height ou o line-height padrão do próprio <html>.

Fonte: webplatform.news

🧩 No exemplo, o ícone com valor de 1lh preenche totalmente a altura, pois o elemento que controla o contexto tem o line-height computado pelo texto Lorem ipsum.

🧩 Quando o ícone usa o valor 1em, o mesmo não preenche totalmente a altura, pois em utiliza-se da definição font-size do texto Lorem ipsum.

😋 Muito útil, não é?

💧 Gostou desse drop? Compartilhe-o. 🤩

E para receber meus conteúdos assim que eu publicar, me segue lá no Telegram 😋

  • Share It!
Copyright Beto Muniz © 2010-2020. All rights reserved.