CSS het Eiendom verlaat
Voorbeeld
Stel die linkerrand van 'n geposisioneerde <div>-element op 150px vanaf die linkerrand van sy naaste geposisioneerde voorouer:
div.c {
position: absolute;
left:
150px;
width: 200px;
height: 120px;
border: 3px solid
green;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die lefteienskap beïnvloed die horisontale posisie van 'n geposisioneerde element. Hierdie eienskap het geen effek op nie-geposisioneerde elemente nie.
- Indien posisie: absoluut; of posisie: vas; - die
lefteienskap stel die linkerrand van 'n element na 'n eenheid aan die linkerkant van die linkerrand van sy naaste geposisioneerde voorouer. - Indien posisie: relatief; - die
lefteienskap stel die linkerrand van 'n element na 'n eenheid links/regs van sy normale posisie. - Indien posisie: taai; - die
lefteiendom tree op asof sy posisie relatief is wanneer die element binne die uitsigpoort is, en asof sy posisie vas is wanneer dit buite is. - Indien posisie: staties; - die
lefteiendom het geen effek nie.
| Standaard waarde: | outo |
|---|---|
| Geërf: | geen |
| Animateerbaar: | ja. Lees oor animeerbaar |
| Weergawe: | CSS2 |
| JavaScript-sintaksis: | voorwerp .style.left="100px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS-sintaksis
left: auto|length|initial|inherit;
Eiendomswaardes
| Value | Description | Play it |
|---|---|---|
| auto | Lets the browser calculate the left edge position. This is default | |
| length | Sets the left edge position in px, cm, etc. Negative values are allowed. Read about length units | |
| % | Sets the left edge position in % of containing element. Negative values are allowed | |
| 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
Gebruik die linker eienskap met 'n negatiewe waarde en vir 'n element sonder geposisioneerde voorouers:
div.b {
position: absolute;
left: -10px;
width: 100px;
height: 120px;
border: 3px solid blue;
}
div.c {
position: absolute;
left: 150px;
width: 200px;
height: 120px;
border: 3px solid green;
}
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
CSS verwysing: regte eiendom
CSS verwysing: onderste eiendom
CSS verwysing: top eiendom
HTML DOM verwysing: linker eiendom