Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

 

La propiedad de CSS  max-inline-size define el tamaño máximo horizontal o vertical de un elemento bloque dependiendo del modo de escritura. Esto corresponde a las propiedades max-widthmax-height dependiendo de los valores definidos por writing-mode. Si el modo de escritura esta orientado verticalmente, el valor de max-inline-size relacionado al alto máximo del elemento, de lo contrario, se relaciona con el ancho máximo del elemento. Se relaciona con max-block-size, que define la otra dimensión del elemento.

Sintaxis

/* <length> values */
max-inline-size: 300px;
max-inline-size: 25em;

/* <percentage> values */
max-inline-size: 75%;

/* Keyword values */
max-inline-size: none;
max-inline-size: max-content;
max-inline-size: min-content;
max-inline-size: fit-content;
max-inline-size: fill-available;

/* Global values */
max-inline-size: inherit;
max-inline-size: initial;
max-inline-size: unset;

Valor inicial0
Applies tosame as width and height
Heredableno
Percentagesinline-size of containing block
Mediavisual
Valor calculadosame as max-width and max-height
Animation typediscrete
Canonical orderel orden único no-ambigüo definido por la gramática formal

Valores

La propiedad max-inline-size toma los mismos valores como las propiedades max-width y max-height.

Sintaxis formal

<'max-width'>

Ejemplo

Contenido HTML 

<p class="exampleText">Example text</p>

Contenido CSS 

.exampleText {
  writing-mode: vertical-rl;
  background-color: yellow;
  block-size: 100%;
  max-inline-size: 200px;
}

Especificación

Especificación Estado Comentario
CSS Logical Properties and Values Level 1
La definición de 'max-inline-size' en esta especificación.
Editor's Draft Definición inicial.

Compatibilidad en navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidEdge MobileFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
max-inline-sizeChrome Soporte completo 57Edge Sin soporte NoFirefox Soporte completo 41
Soporte completo 41
Sin soporte 38 — 51
Deshabilitado
Deshabilitado From version 38 until version 51 (exclusive): this feature is behind the layout.css.vertical-text.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Sin soporte NoOpera Soporte completo 44Safari Soporte completo 10.1
Prefijado
Soporte completo 10.1
Prefijado
Prefijado Requiere de un prefijo de vendedor : -webkit-
Soporte completo 12.1
WebView Android Soporte completo 57Chrome Android Soporte completo 57Edge Mobile Sin soporte NoFirefox Android Soporte completo 41
Soporte completo 41
Sin soporte 38 — 51
Deshabilitado
Deshabilitado From version 38 until version 51 (exclusive): this feature is behind the layout.css.vertical-text.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Soporte completo 43Safari iOS Soporte completo 12.2
Soporte completo 12.2
Soporte completo 10.2
Prefijado
Prefijado Requiere de un prefijo de vendedor : -webkit-
Samsung Internet Android Soporte completo Si
max-contentChrome Soporte completo 57Edge Sin soporte NoFirefox Soporte completo 66
Soporte completo 66
Soporte completo 41
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
IE Sin soporte NoOpera Soporte completo 44Safari Soporte completo 12.1WebView Android Soporte completo 57Chrome Android Soporte completo 57Edge Mobile Sin soporte NoFirefox Android Soporte completo 66
Soporte completo 66
Soporte completo 41
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
Opera Android Soporte completo 43Safari iOS Soporte completo 12.2Samsung Internet Android Soporte completo 5.0
min-contentChrome Soporte completo 57Edge Sin soporte NoFirefox Soporte completo 66
Soporte completo 66
Soporte completo 41
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
IE Sin soporte NoOpera Soporte completo 44Safari Soporte completo 12.1WebView Android Soporte completo 57Chrome Android Soporte completo 57Edge Mobile Sin soporte NoFirefox Android Soporte completo 66
Soporte completo 66
Soporte completo 41
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
Opera Android Soporte completo 43Safari iOS Soporte completo 12.2Samsung Internet Android Soporte completo 5.0
fit-contentChrome Soporte completo 57Edge Sin soporte NoFirefox Soporte completo 3
Prefijado
Soporte completo 3
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
IE Sin soporte NoOpera Soporte completo 44Safari Soporte completo 12.1WebView Android Soporte completo 57Chrome Android Soporte completo 57Edge Mobile Sin soporte NoFirefox Android Soporte completo 4
Prefijado
Soporte completo 4
Prefijado
Prefijado Requiere de un prefijo de vendedor : -moz-
Opera Android Soporte completo 43Safari iOS Soporte completo 12.2Samsung Internet Android Soporte completo 5.0
Nombre alternativo
Soporte completo 5.0
Nombre alternativo
Nombre alternativo Usa un nombre no estandar : -webkit-fill-available

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.
Usa un nombre no estandar.
Usa un nombre no estandar.
Requiere de un prefijo de proveedor o un de nombre diferente para su uso.
Requiere de un prefijo de proveedor o un de nombre diferente para su uso.

Mira también

Etiquetas y colaboradores del documento

Colaboradores en esta página: teffcode
Última actualización por: teffcode,