CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSの行の高さのプロパティ


行の高さ プロパティは、テキスト行の高さを設定するために使用されます。 line-heightプロパティの値は、数値、長さ、またはパーセンテージにすることができます。

<html>
   <head>
   </head>
   <body>
      <p style = "width:300px; height:100px; border:2px solid green; padding:5px; margin:10px; line-height:30px;">
         This paragraph is 300 pixels wide and 100 pixels high and here line height is 50 pixels.
      </p>
   </body>
</html>

  1. CSSの高さプロパティをアニメートする

    アニメーションを高さに実装するには CSSを使用したプロパティでは、次のコードを実行してみることができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid black;           &nbs

  2. CSSで行の高さを設定する

    線の高さは、CSSのline-heightプロパティで定義できます。正の値のみを受け入れます。 構文 CSSのline-heightプロパティの構文は次のとおりです- Selector {    line-height: /*value*/ } 例 次の例は、CSSのline-heightプロパティを示しています。 <!DOCTYPE html> <html> <head> <style> div * {    margin: 1.5em;    box-shadow: -13px