Zmniejszenie wartości line-height

pytanie zadane 23 kwietnia 2017 w HTML i CSS przez medamis Użytkownik (660 p.)

Witam. Czy można zmniejszyć line-height na pewnym fragmencie strony o 5 px nie znając domyślnej wartości jaka jest na całej stronie?

Załóżmy domyślnie line-height to x a ja chciałbym x - 5px.

2 odpowiedzi

odpowiedź 23 kwietnia 2017 przez Chess Szeryf (76,710 p.)
wybrane 23 kwietnia 2017 przez medamis

Najlepsza

Jeśli nie podasz w jakiej jednostce ma to zapisać przeglądarka to domyślnie ma ona przypisaną jednostkę: em.

1em to 16px. 1.8em*16px=28.8px Czyli teraz sobie odejmij. Jeśli podasz przeglądarce 1.8, to będzie wtedy 1.8em. Teraz sobie mnożysz tak jak ci napisałem wychodzi 28.8px. Odejmujesz 5px wyjdzie tobie 23.5px. Czyli jeżeli na całej stronie będziesz mieć 1.8[em] to chcąc odjąć 5px wyjdzie ci 23.5px. I tyle powinieneś wpisać w line-height.

odpowiedź 23 kwietnia 2017 przez Chess Szeryf (76,710 p.)

Czy można zmniejszyć line-height na pewnym fragmencie strony o 5 px nie znając domyślnej wartości jaka jest na całej stronie?

Tak można zmniejszyć line-height na pewnym fragmencie strony np. o 5px nie znając domyślnej wartości jaka jest na całej stronie.

https://www.w3.org/wiki/CSS/Properties/line-height

https://developer.mozilla.org/en-US/docs/Web/CSS/line-height?v=control

http://algorytmy.pl/doc/xhtml/?id=3065

Wartość domyślna, default'owa dla line-height to: normal.

<body style="line-height:50px<!-- normal -->">

<p>LOREM IPSUM. IPSUM LOREM!!</p>
<p>LOREM IPSUM. IPSUM LOREM!!</p>
<p style="line-height:10px">LOREM IPSUM. IPSUM LOREM!!</p>
<p style="line-height:10px">LOREM IPSUM. IPSUM LOREM!!</p>
<p>LOREM IPSUM. IPSUM LOREM!!</p>
<p>LOREM IPSUM. IPSUM LOREM!!</p>

</body>