CSS - largura mínima

Descrição

A propriedade min-width é usada para definir um limite inferior na largura de um elemento.

Valores possíveis

length- Qualquer unidade de comprimento. O elemento nunca pode ter um valor de largura inferior a esta distância.
percentage - Limita a largura do elemento a pelo menos essa porcentagem da largura do bloco que o contém.

Aplica-se a

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

Sintaxe DOM

object.style.minWidth = "50px"

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

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

Isso produzirá o seguinte resultado -

↰ Previous page