Como editar a borda em lados individuais

O GemPages permite que você personalize o espessura da borda em cada lado de um elemento ou seção independentemente — superior, direita, inferior e esquerda. Em vez de se limitar a uma única borda uniforme, você pode misturar espessuras para criar designs modernos e alinhados à sua marca sem precisar escrever uma única linha de código.

Este guia explica como o recurso funciona, quando usá-lo e exatamente como aplicá-lo a qualquer elemento no editor GemPages.

Quando usar bordas laterais individuais

Por padrão, quando você adicione uma borda Ao aplicar a mesma espessura a um elemento no GemPages, todos os quatro lados são preenchidos com a mesma espessura. borda lateral individual A configuração desbloqueia cada lado para que você possa configurá-los separadamente.

Por exemplo, você pode:

• Aplique uma borda de 4px apenas na parte inferior para criar um efeito de sublinhado.
• Adicione uma borda espessa de 6px logo à esquerda para criar um estilo de chamada.
• Combine valores diferentes em cada lado para um design de cartão personalizado.

É uma pequena alteração no painel de configurações, mas que abre um leque enorme de possibilidades de design.

Aqui estão alguns casos de uso populares em que editar as bordas de cada lado faz uma grande diferença:

• Títulos em estilo sublinhadoUma borda inferior fina cria um separador de título de seção nítido.
• Destaques e blocos de citaçãoUma borda esquerda espessa chama a atenção para o conteúdo importante.
• contêineres em formato de abaAs bordas superior, esquerda e direita (sem borda inferior) formam um padrão de abas.
• Cartões de produto ou de recursos assimétricosMisture bordas finas e grossas para layouts modernos e atraentes.

Como editar a borda em lados individuais no GemPages

Passo 1: Selecione o elemento ou a seção que deseja estilizar.

• Abra sua página no Editor GemPages.
• Clique diretamente no elemento ou na seção que deseja editar.

Dica: Se sua página tiver muitos elementos aninhados, use o Árvore de Camadas Na barra lateral esquerda, você pode selecionar o bloco exato que deseja — é mais rápido e preciso do que clicar na tela.

Passo 2: Abra as Configurações de Borda

• No painel de configurações à direita, role até a Shape seção.
• Localize o Fronteira grupo.
• Encontre o Espessura campo.
• Clique na ícone ao lado do campo Espessura.

Passo 3: Defina a espessura personalizada para cada lado.

Agora você verá quatro campos de entrada, representando cada lado da fronteira:

• Cima: espessura da borda superior
• Direita: espessura da borda direita
• Baixo: espessura da borda inferior
• Esquerda: espessura da borda esquerda

Para cada lado:

• Clique no campo de entrada.
• Insira o valor em pixels..