Tag <img>
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
L'impostazione degli attributi width
e height
sui tag <img>
contribuisce a evitare le
variazioni del layout. Questa informazione consente al browser di riservare la quantità di spazio corretta per l'immagine.
Imposta gli attributi width
e height
: i valori di questi attributi devono
essere impostati in modo che corrispondano alle dimensioni dell'immagine stessa (ovvero le dimensioni
intrinseche),
piuttosto che alle dimensioni con cui verrà visualizzata l'immagine.
Regola lo stile dell'immagine in base alle esigenze: a seconda dello stile esistente dell'immagine, l'aggiunta degli attributi width
e height
potrebbe causare un rendering diverso dell'immagine. In molti casi, è possibile risolvere il problema aggiungendo height: auto
o width: auto
allo stile esistente.
Stili CSS precedenti |
Cambia in |
img { width: 100%; } |
img { width: 100%; height: auto; } |
img { max-width: 100%; } |
img { max-width: 100% height: auto; } |
img { height: 100%; } |
img { height: 100%; width: auto } |
HTML
<img width="267" height="400" src="dog.jpg">
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2024-03-13 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-03-13 UTC."],[],[]]