BORDA ABREVIADA
Borda css – propriedade abreviada
Border propriedade é uma propriedade para abreviar a
propriedade de borda individual.
Ø border-width
Ø border-style(obrigatório)
Ø
border-color
<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 5px solid blue;
}
</style>
</head>
<body>
<h2>A propriedade da fronteira</h2>
<p>Essa propriedade é uma propriedade abreviada para largura da
borda, estilo da borda e cor da borda. </p>
</body>
</html>
BORDA ESQUERDA
<!DOCTYPE
html>
<html>
<head>
<style>
p {
border-left: 6px solid blue;
background-color: yellow;
}
</style>
</head>
<body>
<h2>A
propriedade border-left</h2>
<p> Esta
propriedade é uma propriedade abreviada para largura da borda esquerda, estilo
da borda esquerda e cor da borda esquerda. </p>
</body>
</html>
BORDA INFERIOR
<!DOCTYPE
html>
<html>
<head>
<style>
p {
border-bottom: 6px solid blue;
background-color: yellow;
}
</style>
</head>
<body>
<h2>A
propriedade border-bottom</h2>
<p>Esta
propriedade é uma propriedade abreviada para largura inferior da borda, estilo
inferior da borda e cor inferior da borda. </p>
</body>
</html>