Come spostare un'immagine in CSS

Puoi layout il tuo sito e cambiare le immagini pertinenti usando i fogli di stile a cascata (CSS). Per tali lavori, CSS offre una varietà di alternative. CSS, a suo merito, copre anche un'ampia varietà di formati e tipi di immagini tra cui raster come jpeg, vettore come SVG, combinazione e immagini senza vita.

Esistono diverse tecniche per posizionare l'immagine come l'utilizzo della proprietà dell'oggetto o della proprietà float. Discuteremo di entrambe queste tecniche con codici di esempio praticamente implementati in questo articolo.

Utilizzo della proprietà dell'oggetto

La proprietà dell'oggetto di posizione imposta le coordinate X e Y per la posizione di un elemento di immagine all'interno del suo contenitore di contenuto. Il valore predefinito della posizione dell'oggetto ogni volta che invocano l'attributo dell'oggetto è il 50%. Di conseguenza, tutta la grafica viene posizionata al centro del rispettivo contenitore di contenuto per impostazione predefinita. Utilizzando l'attributo di posizione oggetto, è possibile regolare l'allineamento predefinito delle funzioni di proprietà dell'oggetto oggetto in modo simile all'argomento PreserveSpectratio in SVG. Per specificare sia le dimensioni che la posizione della grafica esterna inclusa in HTML, viene esercitato l'attributo di posizione oggetto. In particolare, le immagini incluse nel tag possono anche essere utilizzate su altri tipi di componenti sostituiti come