{HTML} Elemento border

por **Viola** Jue Mar 27, 2014 7:32 pm

Nombre del Tutorial: Elemento border
Dificultad: Básica
Descripción: Implementa cosas bonitas.

Elemento border

Nivel Básico

Propiedades de Bordes:

border cuatro bordes simultáneamente border-color || border-width || border-style
border-top borde superior border-color || border-width || border-style
border-right borde derecho border-color || border-width || border-style
border-bottom borde inferior border-color || border-width || border-style
border-left borde izquierdo border-color || border-width || border-style
border-color color de los bordes [ color | transparent ] {1, 4}
border-width grosor de los bordes [ medium | thick | thin | distancia ] {1, 4}
border-style estilos de los bordes [ dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}

Estilo de bordes:

Solid:

Código:: <div style="background: #000; width: 100px; height: 30px;border: solid 7px #006600;"></div>

Groove:

Código:: <div style="background: #000; width: 100px; height: 30px;border: groove 7px #006600;"></div>

Double:

Código:: <div style="background: #000; width: 100px; height: 30px;border: double 7px #006600;"></div>

Dashed:

Código:: <div style="background: #000; width: 100px; height: 30px;border: dashed 2px #006600;"></div>

Inset:

Código:: <div style="background: #000; width: 100px; height: 30px;border: inset 7px #006600;"></div>

Outset:

Código:: <div style="background: #000; width: 100px; height: 30px;border: outset 7px #006600;"></div>

Ridge:

Código:: <div style="background: #000; width: 100px; height: 30px;border: ridge 7px #006600;"></div>

Creado por [Tienes que estar registrado y conectado para ver este vínculo]

Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro
Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro
Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro