Dimensionamento
A propriedade Dimensionamento de imagens permite definir como elas devem ser dimensionadas quando o arquivo de imagem original tem tamanhos diferentes do elemento correspondente. Você pode selecionar as seguintes opções no painel "Propriedades":
|
Redimensionar imagem para caber |
A imagem é dimensionada com o maior tamanho possível dentro do elemento sem precisar recortar ou esticar |
|
Cortar imagem para preencher |
A imagem é dimensionada com o maior tamanho possível para preencher o espaço do elemento sem esticá-la. Imagens com proporções diferentes dos elementos são cortadas vertical ou horizontalmente. |
|
Nenhum |
A imagem é exibida no tamanho original dentro do elemento. Se a imagem for maior que o elemento, ela será cortada. |
|
Esticar imagem para preencher |
A imagem completa será exibida nas dimensões do elemento, mesmo se as proporções forem diferentes. |
Alinhamento
A propriedade Alinhamento permite posicionar a imagem dentro dos limites do elemento quando as dimensões dele forem diferentes das do arquivo de imagem original.
Opções de alinhamento
- center: alinha os pontos centrais da imagem e do elemento.
- bottom: alinha as bordas inferiores da imagem e do elemento.
- bottom left: alinha os cantos inferiores esquerdos da imagem e do elemento.
- bottom right: alinha os cantos inferiores direitos da imagem e do elemento.
- left: alinha as bordas esquerdas da imagem e do elemento.
- right: alinha as bordas direitas da imagem e do elemento.
- top: alinha as bordas superiores da imagem e do elemento.
- top left: alinha os cantos superiores esquerdos da imagem e do elemento.
- top right: alinha os cantos superiores direitos da imagem e do elemento.
As opções de alinhamento serão desativadas se você ativar um ponto focal (consulte a próxima seção).
Pontos focais
O ponto focal alinha automaticamente a imagem para manter visível uma parte importante dela, mesmo quando há redimensionamentos. Saiba mais.