English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencias CSS

reglas CSS @

大全 de propiedades CSS

Borde CSS-Métodos de uso y ejemplos de la propiedad spacing

border-La propiedad spacing CSS utiliza el modelo de borde separado para establecer el espacio entre los bordes de las celdas de tabla adyacentes. Si se utiliza el modelo de borde plegado, se ignorará esta propiedad. Por favor, consulteborder-collapseAtributo.

La siguiente tabla proporciona una explicación de uso y un registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

默认值:0
Valor predeterminado:Aplicable a:y tablas (table)-elementos table) y tablas en línea (inline
Herencia:
Animable:Sí.es. Por favor, consulte.
Atributos de animaciónCSS 2Versión:3
JavaScript sintaxis: object12object.style.borderSpacing="

border-px"

Sintaxis de uso de spacing

border-La sintaxis de este atributo es la siguiente: 1 spacing: [ length ] 2 or

values | initial | inherit-Este borde

  • El atributo spacing puede ser un valor de longitud separado por un o dos espacios en blanco.Un valorSi se especificaValorSe aplicará a la distancia entre los bordes horizontal y vertical.

  • Si se especificanDos valoresSi se especifican, los dos primeros valores establecen el espacio entre los bordes horizontales, y los dos segundos valores establecen el espacio entre los bordes verticales.

El siguiente ejemplo muestra cómo usar el borde-Atributo spacing

  table {
   border-collapse: separate;
   border-spacing: 10px 20px;
  }
Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
lengthEn valores de longitud como px, pt, cm, em, no se permite el valor negativo.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el borde del elemento padre-Valores del atributo spacing

Compatibilidad del navegador

border-Compatibilidad del navegador para el atributo spacing, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1+

  • Opera 4+

Advertencia: Internet Explorer 7y versiones anteriores no admiten este borde-atributo spacing. IE8Sólo se aplica en<!DOCTYPE>Este atributo solo se admite cuando se especifica a.

Leer más

Por favor, consulte los siguientes tutoriales:Tabla CSS,Borde CSS,CSS3Borde.

Atributos relacionados con la tabla:border-collapse,empty-cells,table-layout.