CSS objek-posisie Eiendom
Voorbeeld
Verander die grootte van 'n prent om by sy inhoudkassie te pas, en posisioneer die prent 5px van links en 10% van bo binne die inhoudkassie:
img.a {
width: 200px;
height:
400px;
object-fit: none;
object-position: 5px 10%;
border: 5px solid red;
}
Definisie en gebruik
Die object-position
eienskap word saam met objek-pas gebruik om te spesifiseer hoe 'n <img> of <video> geposisioneer moet word met x/y koördinate binne sy "eie inhoud boks".
Standaard waarde: | 50% 50% |
---|---|
Geërf: | ja |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.objectPosition="0 10%" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
object-position | 31.0 | 16.0 | 36.0 | 10.0 | 19.0 |
CSS-sintaksis
object-position: position|initial|inherit;
Eiendomswaardes
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-axis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). 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 |
Verwante bladsye
CSS-tutoriaal: CSS-objekpas
CSS verwysing: CSS objek-pas
HTML DOM-verwysing: Die objectPosition-eienskap