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に揃えます

    text-align-lastプロパティは、テキストの最後の行を揃えるために使用されます。次のコードを実行して、テキストの最後の行をCSSに揃えることができます 例 <!DOCTYPE html> <html>    <head>       <style>          .mydiv {             text-align-last: right;    

  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