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 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.


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 título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.


O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.


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.


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.


A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.


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.


O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.


Street Fighter 2, lançado para o Super Nintendo no início dos anos 90, foi o principal responsável pelo aumento nas vendas deste console. Graças ao sucesso do título nos Arcades e à perfeita adaptação ao console, muitos consumidores adquiriram o SNES para jogarem o título em casa. Saiba mais.


Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.


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.