Pular para o conteúdo principal

Tutorial CSS: Bordas




Neste tutorial vamos ver como trabalhar com bordas utilizando CSS








Propriedades da borda




border-width:...............espessura da borda

border-style:................estilo da borda

border-color:................cor da borda

-----------------------------------------

border-top-width:.........espessura da borda superior

border-top-style:..........estilo da borda superior

border-top-color:..........cor da borda superior

-----------------------------------------

border-right-width:.......espessura da borda direita

border-right-style:........estilo da borda direita

border-right-color:........cor da borda direita

-----------------------------------------

border-bottom-width:...espessura da borda inferior

border-bottom-style:....estilo da borda inferior

border-bottom-color:....cor da borda inferior

-----------------------------------------

border-left-width:........espessura da borda esquerda

border-left-style:.........estilo da borda esquerda

border-left-color:.........cor da borda esquerda

Maneira abreviada de trabalhar






border-top:........todas as propriedades da borda superior

border-right:.......todas as propriedades da borda direita

border-bottom:...todas as propriedades da borda inferior

border-left:........todas as propriedades da borda esquerda

border:..............todas as quatro bordas



Valores para serem setados nas propriedades da borda



color:

código hexadecimal: #FFFFFF

código rgb: rgb(255,235,0)

nome da cor: red, blue, green...etc

style:

none: nenhuma borda

hidden: equivalente a none

dotted: borda pontilhada

dashed: borda tracejada

solid: borda contínua

double: borda dupla

groove: borda entalhada

ridge: borda em ressalto

inset: borda em baixo relevo

outset: borda em alto relevo

width:

thin: borda fina

medium: borda média

thick: borda grossa

length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)








Veja também, CSS: Background

Comentários

Postagens mais visitadas deste blog

Temperamento - Decubra seu Perfil Profissional

Pergunta Sim Não 1: Gosta de conversar? 2: Gosta de atividade, ação? 3: Emociona-se com facilidade? 4: “Explode” facilmente? 5: Está sempre atualizado nos mais diversos assuntos(cultura geral)? 6: É imaginativo? 7: Tem inclinação para a crítica e para ironia? 8: Tem tendência a mudar de opinião se apresentarem argumentos válidos? 9: Quando lhe pedem desculpas,reconcilia-se com facilidade? 10: Tem dificuldade em perdoar/esquecer? 11: Gosta de fazer o bem sempre que pode? 12: Aflige-se facilmente com os males do próximo? 13: É mais optimista do que pessimista? 14: Ri com facilidade quando há motivo? 15: É uma pessoa inconstante,pouco perseverante? 16: Prefere que sejam outros a resolver os problemas? 17: Aceita facilmente novas ordens que lhe são dadas? 18: Gosta de novidades? 19: Gosta de andar elegante, bem vestido? 20: Gosta de ser admirado/elogiado pelos outros? Pergunta Sim Não

Downloads no iTunes U chegam a 300 milhões

A Apple anunciou nessa terça que nada menos que 300 milhões de downloads de conteúdos educacionais foram feitos por meio do ITunes. A iniciativa permite que estudantes do mundo inteiro baixem programas de áudio e de vídeo produzidos por mais de 800 universidades, entre elas Harvard , Cambridge , Oxford e o MIT .
PDF Converter Precisa converter algum arquivo em PDF, mas não tem algum programa que faça isso? O site PDF Converter faz o serviço em poucos cliques. Vá ao botão Browse, escolha o documento que quer converter, digite o e-mail de destino e clique em Convert Your File Google Tradutor Se você tem dificuldades em ler textos em outras línguas, o Google Tradutor é uma boa opção. Para utilizá-lo, escolha o idioma, digite o texto e, depois, selecione para qual idioma quer traduzir. Colar um endereço de página (URL) na caixa de texto e clicar em Traduzir também funciona HearNames O HearNames mostra como se pronuncia corretamente um nome. Para usar o serviço, digite o nome na caixa de texto e clique em Search. Após isso, clique no ícone de alto-falante que aparecerá para ouvir como se fala SuperLame Útil para quem não sabe mexer em programas de edição, o SuperLame executa uma função simples: inserir balões de diálogo em imagens. O procedimento é simples: faça o upload de uma imagem