Trabalhar com bordas em css é muito simples. Basicamente temos três propriedades que se combinam e podem ser aplicadas a diversos seletores. São elas: border-style, border-width e border-color. A partir do nome já fica bem fácil imaginar o que cada uma faz, mas vou falar resumidamente sobre elas.

Border-style: define o estilo que a borda terá. Como opções possíveis temos dotted (pontilhada), dashed (tracejada), solid (sólida), double (dupla), groove (entalhada), ridge (ressalto), inset (baixo relevo) e outset (alto relevo).

A imagem abaixo ilustra cada uma delas:

Bordas CSS

A propriedade border-width determina a espessura que a borda terá. Vou pegar o exemplo acima e alterar, somente na borda sólida, seu tamanho para 10px, com o seguinte comando:

.bordaSolida
{
border:solid;
border-width:10px;
}


Vejamos como ficou:

Bordas CSS

A propriedade border-color, como o nome já sugere, permite determinar cores para as bordas. Adicionarei, também para a borda sólida do nosso exemplo, a cor azul.

.bordaSolida
{
border:solid;
border-width:10px;
border-color:blue;
}


Bordas CSS

O interessante é que você pode aplicar essas regras somente para uma borda do elemento. Suponhamos que a borda direita é que nos interessa. Dessa forma nosso comando para definir a cor ficaria:

border-right-color:Blue;

E isso resultaria no seguinte resultado:

Bordas CSS

Poderíamos usar qualquer uma das propriedades vistas aqui para apenas uma das bordas. Bastaria seguir a regra:

Borda superior: border-top
Borda inferior: border-bottom
Borda esquerda: border-left
Borda direita: border-right

Para dar um exemplo de tudo isso, vou criar o seguinte conjunto de regras para a borda groove do nosso exemplo:

Border-width:5px;
Border-top-color:green;
Border-right-width:10px;
Border-bottom-style:dotted;
Border-left-color:red;

Bordas CSS

Todas as bordas do nosso groove estão com 5px de espessura, exceto a da direita, onde especificamos que queríamos 10px. Todas as bordas são do tipo groove, exceto a inferior, que é do tipo dotted, a borda esquerda tem a cor vermelha enquanto a superior ficou verde.

Evidentemente esse exemplo ficou horrível, mas serviu para mostrar que é possível aplicar qualquer propriedade de borda para cada uma das bordas de um elemento, isoladamente.


HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.


O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.


A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.


O primeiro jogo a fazer uso de uma Inteligência Artificial foi o Mouse in the Maze, criado em 1955, na União Soviética. Você pode saber mais sobre ele clicando aqui.


O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!


A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.


Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.


O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.


Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.


O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.


Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras


O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.