1
Explicación CSS Bordes Sáb Ene 07, 2012 10:16 pm
Javi!
Mensajes : 423 
Monedas : 296 
Explicación CSS Bordes
Hola amigos de webdesignforo! Les traigo este nuevo tutorial sobre bordes que incluye:
-Tipo de Bordes
- Tamaño de Bordes
- Anchos de varios bordes individuales
Espero que sea de su agrado! Y empecemos con el tutorial.
Anchura del borde superior, derecho, inferior o izquierdo
Propiedad:
- Código:
border-top-width
border-right-width
border-bottom-width
border-left-width
Valores
- Código:
[ thin | medium | thick ]
Anchos de varios bordes individuales
Propiedad:
- Código:
border-width
Valores:
- Código:
[ thin | medium | thick ]
Color del borde superior, derecho, inferior o izquierdo
Propiedad:
- Código:
border-top-color
border-right-color
border-bottom-color
border-left-color
Valores
- Código:
[ <color> | transparent ]
Estilo del borde superior, derecho, inferior o izquierdo
Propiedad :
- Código:
border-top-style
border-right-style
border-bottom-style
border-left-style
Valores:
- Código:
[ none | hidden | dotted | dashed | solid | double | groove |ridge | inset | outset ]
Ancho, el estilo y el color para los 4 bordes
Propiedad:
- Código:
border
Valores:
- Código:
[ <border-top-width> || <border-top-style> || <border-top-color> ]
Bueno pues eso fue todo por hoy! No les dejo postea para ver, pero ojalá y lean todos los atributos y los apliquen , si tienen alguna duda me avisan o si no saben algo también.
PD: Estas propiedades se ponen con un código ejemplo :
- Código:
.postprofile {
border-top-style: asas;
border-right-style: asas;
border-bottom-style: asas;
border-left-style: asas;}
Un saludo y que estén de lo mejor!
