Propriedade flexBasis do estilo

Definição e uso

flexBasis A propriedade define o tamanho inicial do item flexível.

Observação:Se o elemento não for um item flexível, então flexBasis Propriedade inválida.

Veja também:

Manual de referência CSS:flex-basis

Exemplo

Defina o tamanho inicial do item flexível para 200 pixels:

document.getElementById("myBlueDiv").style.flexBasis = "200px";

Experimente você mesmo

Sintaxe

Retorne a propriedade flexBasis:

object.style.flexBasis

Defina a propriedade flexBasis:

object.style.flexBasis = "number|auto|initial|inherit"

Valor da propriedade

Valor Descrição
number Especifique o tamanho inicial do item flexível, unidade de comprimento ou porcentagem.
auto

Valor padrão. O tamanho é igual ao tamanho do item flexível.

Se o item não tiver tamanho especificado, o tamanho depende do seu conteúdo.
initial Defina essa propriedade para seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: auto
Retorno: Cadeia de caracteres, que representa o flex-basis.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta plenamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 11.0 Suporte 9.0 Suporte

Páginas relacionadas

Manual do DOM STYLE HTML:flex

Manual do DOM STYLE HTML:flexDirection

Manual do DOM STYLE HTML:flexFlow

Manual do DOM STYLE HTML:flexGrow

Manual do DOM STYLE HTML:flexShrink

Manual do DOM STYLE HTML:flexWrap