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

manuel de référence CSS

règle CSS @RULES

大全 des attributs CSS

CSS bordure-Méthode d'utilisation et exemples de l'attribut spacing

bordure-L'attribut spacing utilise le modèle de bordure espacé pour définir l'intervalle entre les bords des cellules adjacentes du tableau. Si le modèle de bordure plié est utilisé, cet attribut est ignoré. Voir égalementbordure-effondrementAttribut.

Le tableau suivant fournit les instructions d'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :0
Applicable à :Tableau(table)et les éléments tableau (table)-élément tableau) et les éléments en ligne (inline
Héritage :est
Animable :est.Veuillez consulter Animation propriété
Version :CSS 2、3
JavaScript syntaxe :object object.style.borderSpacing="12px"

bordure-Syntaxe d'utilisation de spacing

La syntaxe de cette propriété est la suivante :

bordure-spacing: [ length ] 1 ou 2 values | initial | inherit

Cette bordure-spacing propriété peut utiliser une ou deux valeurs de longueur séparées par des espaces.

  • Si spécifiéUne valeuralorsValeurLes deux valeurs s'appliquent simultanément à l'espacement horizontal et vertical de la bordure.

  • Si spécifiéDeux valeursSi deux valeurs sont spécifiées, la première définit l'espacement horizontal de la bordure, et la deuxième définit l'espacement vertical de la bordure.

Dans les exemples suivants, on montre comment utiliser border-spacing propriété.

  table {
   bordure-collapse: separate;
   bordure-spacing: 10px 20px;
  }
Testez pour voir‹/›

Valeur de propriété

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthDans les valeurs de longueur px, pt, cm, em, etc., les valeurs négatives ne sont pas autorisées.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure de son élément parent-Valeur de spacing propriété.

Compatibilité du navigateur

bordure-Compatibilité des navigateurs pour spacing propriété, les nombres dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1+

  • Opera 4+

Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge ce bord-spacing propriété. IE8Seulement<!DOCTYPE>Cette propriété est prise en charge uniquement si l'attribut 'a' est spécifié.

Lisez davantage

Veuillez consulter les tutoriels suivants :CSS tableauCSS bordureCSS3bordure

Propriétés liées au tableau :bordure-effondrementvides-cellulestableau-layout