Pesquisar
Close this search box.

HTML e CSS no QGIS

CSS no QGIS

Como configurar um arquivo de Estilo CSS no QGIS

 

Já não é novidade que o compositor de impressão do QGIS permite a visualização de HTML, possibilitando infinitas automatizações nas configurações de Atlas.

Mas algo que ainda é pouco explorado é a folha de estilo com propriedades CSS, para estilizar ainda mais as fontes e outros itens do HTML inserido no layout do QGIS.

Neste artigo vamos lhe apresentar um exemplo aplicado em um memorial descritivo para trocar o tipo de fonte e sua cor.

 

O que é CSS?

A linguagem Cascading Style Sheet (CSS) é usada para estilizar elementos escritos em uma linguagem de marcação HTML, possibilitando alterar a cor do texto e do fundo, fonte, espaçamentos entre parágrafos, etc.

Para os profissionais de Geotecnologias, saber o básico de CSS pode ajudar muito no aspecto visual dos seus produtos! Lembrando que caprichar no visual também é caprichar na qualidade!

Veja nesse artigo algumas propriedades CSS para estilização de fontes: Clique aqui!

 

Como inserir arquivo de Estilo no QGIS

Estilos CSS podem ser inseridos em qualquer espaço que permita trabalhar com HTML, seja nos Formulários, Visualizador de resultados ou até mesmo na Dica do Mapa, com a tag <style> como mostrado nesse exemplo:

Dica do Mapa com CSS no QGIS

Dica do mapa no QGIS

 

CSS no HTML do Compositor de Impressão do QGIS

Para inserir arquivo de estilos, vá nas propriedades do item HTML inserido no layout (página de impressão)

CSS no HTML - layout do QGIS

Exemplo: Para alterar a cor da fonte para azul e tipo de fonte para Times New Roman, use a seguinte configuração:

p {color:blue;

  font: italic small-caps bold 14px "Times New Roman", sans-serif;

  font-size: 10px;}

onde,

p – significa que está sendo aplicado a todos os parágrafos (marcação <p>)

 

Ainda ficou com dúvida, assista o vídeo completo:

 

 

Quer aprender mais como automatizar seus trabalhos no QGIS?

Conheça o nosso curso de Automatização de Plantas e Memoriais Descritivos no QGIS!

CLIQUE AQUI

 

Outras dicas sobre CSS para o QGIS:

Aplicar o estilo de fonte a todo o documento

CSS nas Dicas do Mapa do QGIS

Compartilhes nas redes Sociais