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 Margen Derecho


Tema

Cómo establecer el margen derecho en html usando hojas de estilo?



Explicación

Propiedad: Margen Derecho

Uso:
margin-right: 10px;
margin-right: 10pt;
margin-right: 10%;
margin-right: auto;

Definición:
Muchas veces necesitaremos establecer margen para nuestros objetos. Esto establecerá el margen derecho del objeto.
Toma los siguientes valores.
a)pt : Puedes establecer valores en puntos (ej: 10pt o 100pt).
b)px : Puedes establecer valores en píxeles (ej: 10px o 100px).
c)% : Puedes establecer valores en porcentaje (ej: 10% o 100%).
d)auto : Esto establece el margen automático.

Ejemplo 1:
<div align=right style="margin-right: 20px;">probando margen derecho</div>

Resultado:
probando margen derecho

Nota: Puedes ver que el texto se ha movido 20 píxeles desde la derecha con alineación derecha.

Ejemplo 2:
<div align=right style="margin-right: 30pt;">probando margen derecho </div>

Resultado:
probando margen derecho

Nota: Puedes ver que el texto se ha movido 30 puntos desde la derecha con alineación derecha.

Ejemplo 3:
<div align=right style="margin-right: 20%;">probando margen derecho </div>

Resultado:
probando margen derecho

Nota: Puedes ver que el texto se ha movido 20 % desde la derecha con alineación derecha.

Ejemplo 4:
<div align=right style="margin-right: auto;">probando margen derecho </div>

Resultado:
probando margen derecho







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