CSS hoogte Eiendom
Voorbeeld
Stel die hoogte van twee <div>-elemente:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die height
eienskap stel die hoogte van 'n element.
Die hoogte van 'n element sluit nie opvulling, grense of kantlyne in nie!
As height: auto;
die element outomaties sy hoogte sal aanpas sodat die inhoud daarvan korrek vertoon kan word.
As height
dit op 'n numeriese waarde gestel is (soos pixels, (r)em, persentasies), sal dit oorloop as die inhoud nie binne die gespesifiseerde hoogte pas nie. Hoe die houer die oorloop-inhoud sal hanteer, word deur die
oorloop- eienskap gedefinieer.
Let wel: Die min-hoogte- en
maksimum-hoogte- eienskappe oorheers die
height
eiendom.
Standaard waarde: | outo |
---|---|
Geërf: | geen |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS1 |
JavaScript-sintaksis: | voorwerp .style.height="500px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS-sintaksis
height: auto|length|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
auto | The browser calculates the height. This is default | |
length | Defines the height in px, cm, etc. Read about length units | |
% | Defines the height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelde
Voorbeeld
Stel die hoogte van 'n element op 50% van die hoogte van die ouerelement:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Verwante bladsye
CSS-tutoriaal: CSS-hoogte en -breedte
CSS handleiding: CSS Box model
CSS verwysing: breedte eiendom
HTML DOM verwysing: hoogte eienskap