Compartir a través de


padding

Establece la cantidad de espacio a insertar entre el objeto y su margen; o si hay un borde, entre el objeto y su borde.

Sintaxis

{ padding: sPadding }

Valores posibles

sPadding

Cadena que especifica o recibe uno de los valores siguientes:

longitud

Número de punto flotante seguido de un designador de unidades absolutas (cm, mm, in, pt o pc) o de un designador de unidades relativas (em, ex o px).

Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud.

porcentaje

Entero seguido de un signo de porcentaje (%). Este valor es un porcentaje del ancho del objeto primario.

La propiedad tiene el valor predeterminado 0 para todos los objetos. No se hereda.

Observaciones

Es una propiedad compuesta que especifica hasta cuatro valores de espaciado interno en el siguiente orden: superior, derecho, inferior, izquierdo. Si se especifica un valor de ancho, se usa para los cuatro lados. Si se especifican dos valores de ancho, se usa el primero para los bordes superior e inferior y el segundo para los bordes izquierdo y derecho. Si se especifican tres valores de ancho, se usan para los bordes superior, derecho/izquierdo e inferior respectivamente. No se permiten valores negativos.

Ejemplos

En el siguiente ejemplo se usa la propiedad padding para cambiar el espaciado interno del objeto. Se utiliza el objeto TD como selector y padding1 como clase en una hoja de estilo incrustada para establecer el espaciado interno para el objeto TD.

<style>
    td {padding:3mm 8mm}
    .padding1  {padding:1cm}
</style>
</head>
<body>
<table border >
    <td onmouseover="this.className='padding1'"
        onmouseout="this.className=''" align=middle>
    <img src="sphere.jpg">
    </td>
</table>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, HN, HR, I, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, NEXTID, OBJECT, OL, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TD, TH, TT, U, UL, VAR, XMP

Vea también

Conceptos

margin