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


Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.


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.


Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!


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.


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.


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.


As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas 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.


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!


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