CSS height属性实例讲解

发布时间:2025-12-09 12:04:52 浏览次数:1

height属性用于设置元素的高度。 height属性不包含元素的边距,边距和边框。

用法:

height:auto|length|initial|inherit;

属性值:

  • auto:用于将height属性设置为其默认值。如果height属性设置为auto,则浏览器将计算元素的高度。

    用法:



    height:auto;

    例:

    <!DOCTYPE html> <html>     <head>         <title>             CSS height Property         </title>                   <style>             .Geeks {                 height:auto;                 color:white;                 font-size:30px;                 background-color:green;             }         </style>     </head>           <body>         <h2>CSS height Property</h2>                   <p class = "Geeks">             GeeksforGeeks:A computer science portal         </p>     </body> </html>                    

    输出:

  • length:用于以px,cm等形式设置元素的高度。长度不能为负数。

    用法:

    height:length;

    例:

    <!DOCTYPE html> <html>     <head>         <title>             CSS height Property         </title>                   <style>             .Geeks {                 height:100px;                 color:white;                 font-size:30px;                 background-color:green;             }         </style>     </head>           <body>         <h2>CSS height Property</h2>                   <p class = "Geeks">             GeeksforGeeks:A computer science portal         </p>     </body> </html>                    

    输出:

  • initial:用于将height属性设置为其默认值。

    用法:

    height:initial;

    例:

    <!DOCTYPE html> <html>     <head>         <title>             CSS height Property         </title>                   <style>             .Geeks {                 height:initial;                 color:white;                 font-size:30px;                 background-color:green;             }         </style>     </head>           <body>         <h2>CSS height Property</h2>                   <p class = "Geeks">             GeeksforGeeks:A computer science portal         </p>     </body> </html>                    

    输出:

  • inherit:它用于从其父元素设置height属性。

支持的浏览器:height属性支持的浏览器如下:

  • 谷歌浏览器1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Safari 1.0
  • Opera 7.0



cssheight
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477