CSS - largura máxima

Descrição

A propriedade max-width é usada para definir um limite superior na largura de um elemento.

Valores possíveis

length- Qualquer unidade de comprimento. O elemento nunca pode ter um valor de largura que exceda essa distância.
percentage - Limita a largura do elemento a no máximo esta porcentagem da largura do bloco que o contém.
none - Não há limite para a largura do elemento.

Aplica-se a

Todos os elementos HTML, exceto elementos embutidos não substituídos e elementos de tabela.

Sintaxe DOM

object.style.maxWidth = "50px"

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "max-width:100px; height:200px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
      </p>
      
      <img alt = "logo" src = "/images/css.gif" width = "95" height = "84" />
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page