H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción



CSS Ancho del Borde


Tema

Cómo controlar la anchura del borde usando una hoja de estilo?



Explicación

Propiedad: Ancho frontera

Uso:
border-width: 5px;
border-width: 5pt;
border-width: 2%;

Definición:
El ancho del borde de cualquier objeto se puede establecer con cualquier ancho usando la etiqueta border-width. border-width no tomará efecto sin un estilo de borde. El estilo de borde se puede establecer usando "border-style"

El ancho del borde toma los siguientes valores:
a)5px : El ancho del borde se puede establecer en píxeles.
b)5pt : El ancho del borde se puede establecer en puntos.
c)1% : El ancho del borde se puede establecer en porcentaje.

Ejemplo 1:
<div style="border-width: 4px; border-style: solid; border-color: red; ">probando ancho del borde</div>

Resultado:
probando ancho del borde



Ejemplo 2:
<font style="border-width: 5pt; border-style: solid; border-color: #454545;">probando ancho del borde</font>

Resultado:
probando ancho del borde


Ejemplo 3:
<div style="border-width: 2%; border-style: solid; border-color: rgb(125,125,125);">probando ancho del borde</div>

Resultado:
probando ancho del borde








Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com