html - What is this effect of setting line-height in css called? -


i playing around line-height property in css. discovered if set line-height 0.1 2 identical lines both of them combine nicely. did

<!doctype html>  <html>  <head>  <style>  p.effect {      line-height: 0.1;  }  </style>  </head>  <body>  <p class="effect">  paragraph special line-height.<br>  paragraph special line-height.<br>  </p>  <p> normal paragraph.<br>  normal paragraph</p>  </body>  </html>

the line this paragraph special line-height looks nice. question is:

  • is effect given name? xyz font or xyz effect in css?

.short {    line-height: 0.3;  }  p {    text-shadow: 4px 10px 0px rgba(159, 150, 150, 1);  }
<pre class="short">  how hell nice?  such bad sample create shadow effect.  but, why 1 create shadow effect using line-height?  css3 supports text-shadow property can have nice shadow lurking around text.  totally messed up.  using .3 height , you're still reading source understand saying.  below paragraph shadow effect.  </pre>  <p>  isn't cooler?  </p>


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -