14-bordes en css

Podemos poner un borde en css a todos los elementos html

quiero decir que un parrafo, puede tener un borde, una imagen puede tener un borde, una cabecera etc

La propriedad para defenir los bordes es: border

y para defenir los estilos de cada borde es: border-style

Estilos de los bordes

• dotted- Define un borde punteado
• dashed- Define un borde discontinu
• solid- Define un borde sólido
• double- Define un borde doble
• groove- Define un borde ranurado 3D. El efecto depende del valor del color del borde.
• ridge- Define un borde estriado 3D. El efecto depende del valor del color del borde.
• inset- Define un borde de inserción 3D. El efecto depende del valor del color del borde.
• outset- Define un borde inicial 3D. El efecto depende del valor del color del borde.
• none - Defines no border
• hidden- Define un borde oculto

...

La propriedad border-style puede tener 4 valores (derecha, esquierda, top, bajo)

Ejemplo de los estilos d los bordes

     
Border dotted
    
Border dashed
    
Border solid
    
Border double
    
Border groove
    
Border ridge
    
Border inset
    
Border outset
    
Border none
    
Border hidden

Codigo fuente

    <p style="border-style:dotted; ">Border dotted</p>
    <p style="border-style:dashed; ">Border dashed</p>
    <p style="border-style:solid; ">Border solid</p>
    <p style="border-style:double; ">Border double</p>
    <p style="border-style:groove; ">Border groove</p>
    <p style="border-style:ridge; ">Border ridge</p>
    <p style="border-style:inset; ">Border inset</p>
    <p style="border-style:outset;">Border outset</p>
    <p style="border-style:none; ">Border none</p>
    <p style="border-style:hidden; ">Border hidden</p>

Ir al indice