English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ del CSS (RULES)

Completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo min-width del CSS

L'attributo min-width del CSS specifica la larghezza minima dell'area di contenuto dell'elemento. Questa larghezza minima non include il riempimento, i bordi o i margini - si prega di consultareModello box del CSS.

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:0
Applicabile a:Tutti gli elementi tranne gli elementi incorporati non sostituiti, le righe della tabella e i gruppi di righe
Ereditarietà:No
Animabile:Sì.Si prega di consultare Proprietà animazione.
Versione:CSS 2、3
Sintassi JavaScript:object.style.minWidth="10px"

Sintassi dell'uso di min-width

La sintassi di questa proprietà è la seguente:

min-width: length | percentage | initial | inherit

Il seguente esempio dimostra come utilizzare l'attributo min-width.

  p {
   min-width: 500px;
  }
  div {
   min-width: 800px;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthLarghezza minima specificata, espressa in px, pt, cm, em, ecc. Non è permesso utilizzare valori negativi.
percentageSpecificare la larghezza minima (in percentuale). Il percentuale è calcolato rispetto alla larghezza del blocco contenitore dell'elemento. Non è permesso utilizzare valori percentuali negativi.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore dell'attributo min-width del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per l'attributo min-width; i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Leggi di più

Si prega di consultare le guide relative ai seguenti contenuti:Modello Box del CSS,Dimensioni del CSS.

Proprietà correlate:width,max-width.