#HTML: Bordas no HTML

Yoo, raios de sol! Tudo bem por aí?

Hoje estou trazendo a postagem Bordas no HTML (; - ;). Nessa postagem, falo sobre os tipos de borda... Tudo mais sobre isso, créditos! Bora lá!!

~ AS PRINCIPAIS PROPRIEDADES DO ATRIBUTO BORDER ~

★ 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

~~~~~~~~~~~ ♥ ~~~~~~~~~~~

★ border-top: Maneira abreviada para todas as propriedades da borda superior

★ border-right: Maneira abreviada para todas as propriedades da borda direita

★ border-bottom: Maneira abreviada para todas as propriedades da borda inferior

★ border-left: Maneira abreviada para todas as propriedades da borda esquerda

★ border: Maneira abreviada para todas as propriedades das quatro bordas

Algumas propriedades de borda só aceitam um certo valor, porém, temos que respeitar os certos valores ao passar um parâmetro á ela:

~ COLOR:

★ Código hexadecimal: #FFFFFF

★ Código de RGB: rgb(255, 255, 255)

★ Nome da cor: red, blue, pink, green, etc...

~~~~~~~~~~~ ♥ ~~~~~~~~~~~

~ STYLE:

★ None: nenhum tipo de borda

★ Hidden: Vale como none

★ Dotted: Borda pontilhada

★ Dashed: Borda tracejada

★ Solid: Borda reta, 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: Medida conhecida como CSS (Ex: pt, px, em, cm...)

~~~~~~~~~~~ ♥ ~~~~~~~~~~~

Bom, pãezinhos de mel, acima mostrei os tipos da borda, agora para quem não entendeu vou passar a imagem para entenderem melhor os style de borda. Clique aqui para ver a imagem

Pronto, até a próxima amores! Kissus de luz ♥