Sobre este problema HTML
A propriedade border-style controla o padrão visual de uma margem — se ela aparece como uma linha sólida, uma série de pontos, traços, ou outros estilos decorativos. Os seus valores válidos são: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, e outset.
A palavra-chave thick é um valor válido para border-width, que controla quão larga ou pesada a margem aparece. É uma de três palavras-chave de largura nomeadas: thin, medium, e thick. Quando thick é usado erradamente como valor de border-style, o navegador não consegue interpretar a declaração, e a margem pode não renderizar de todo ou pode recorrer a predefinições inesperadas.
Esta é uma confusão comum porque as pessoas frequentemente pensam numa “margem espessa” como um conceito único, mas o CSS separa a preocupação em duas propriedades distintas: o estilo (como ela se parece) e a largura (quão espessa ela é). Ambas devem ser definidas corretamente para que a margem seja exibida conforme pretendido. Sem um border-style válido, a maioria dos navegadores assume none por predefinição, o que significa que nenhuma margem é visível independentemente de outras propriedades de margem.
Para corrigir o problema, substitua thick na sua declaração border-style por uma palavra-chave de estilo válida, e mova thick para border-width se quiser uma margem mais pesada. Em alternativa, pode usar a abreviatura border para definir largura, estilo, e cor numa única declaração.
Exemplos
Incorreto: usar thick como estilo de margem
<div style="border-style: thick;">Esta margem não irá renderizar corretamente.</div>
O valor thick não é reconhecido para border-style, portanto a declaração é inválida.
Correto: separar estilo e largura
<div style="border-style: solid; border-width: thick;">Isto tem uma margem sólida espessa.</div>
Aqui, solid define o padrão da margem e thick define a largura da margem — cada valor é usado com a propriedade correta.
Correto: usar uma largura específica em pixels
<div style="border-style: dashed; border-width: 4px;">Isto tem uma margem tracejada de 4px.</div>
Pode usar qualquer valor de comprimento (como 4px ou 0.25em) para border-width em vez da palavra-chave thick para um controlo mais preciso.
Correto: usar a abreviatura border
<div style="border: thick solid #333;">Isto usa a abreviatura border.</div>
A abreviatura border aceita largura, estilo, e cor em qualquer ordem. Esta é frequentemente a forma mais concisa de definir uma margem e evita confusão entre as propriedades individuais.
Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.