Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Folhas de estilo alternativas

O Firefox oferece suporte a folhas de estilo alternativa. AS páginas que disponibilizam folhas de estilo alternativas permitem que o usuário selecione o estilo que a página será mostrada usando o submenu Exibir>Estilos da página. Fornecendo uma maneira de visualizar várias versões de uma mesma página, com base em suas necessidades e preferências.

Um site pode usar a tag link para adicionar as folhas de estilo alternativa.

Por exemplo:

<link href="padrao.css" rel="stylesheet" type="text/css" title="Estilo padrao">
<link href="estilo1.css" rel="alternate stylesheet" type="text/css" title="Estilo 1">
<link href="estilo2.css" rel="alternate stylesheet" type="text/css" title="Estilo 2">

Oferecendo essas três folhas de estilo, disponibilizaremos ao usuário as opções "Estilo Padrão", "Estilo 1" e "Estilo 2" no submenu. Quando o usuário selecionar um dos estilos, a página imediatamente será recarregada usando o estilo selecionado.

O valor do atributo title na tag link nomeia cada opção de estilo. Quando o valor deste atributo é repetido, entende-se como parte da mesma opção. Caso a tag link não possua o atributo title, a folha correspondente será sempre aplicada.

Use rel="stylesheet" para aplicar as folhas correspondente ao estilo padrão, e rel="alternate stylesheet" para aplicar as folhas correspondente aos estilos alternativos. Isso permite que o Firefox diferencie as folhas de estilo padrão das alternativas e permite que os navegadores que não suportam folhas de estilo alternativa apliquem somente as folhas do estilo padrão.

 

Exemplo

Clique aqui para ver um exemplo.

 

Especificação

Etiquetas do documento e colaboradores

 Colaboradores para esta página: teoli, FelipeMorais
 Última atualização por: teoli,