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

Manuel de référence CSS

règles CSS @

Complète liste des propriétés CSS

CSS border-Méthode d'utilisation et exemple de propriété top

border-La propriété top CSS définit la largeur, le style et la couleur de la bordure supérieure de l'élément. Il s'agit de définir une propriété de bordure supérieure unique dans une seule déclaration (c'est-à-direborder-top-widthborder-top-styleetborder-top-color) propriété abrégée.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :Voir toutes les propriétés
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui,Veuillez consulter la propriété individuelleVeuillez consulter Animation propriété
Version :CSS 1,2,3
JavaScript syntaxe :object.style.borderTop="2px solid red"

border-Syntaxe d'utilisation de top

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

border-top: [ border-top-width border-top-style border-top-color ] | initial | inherit

Les exemples suivants montrent comment utiliser border-propriété top.

  h1 {
   border-top: 5px solid #ff0000;
  }
  p {
   border-top: 3px dotted #00ff00;
  }
Testez pour voir‹/›

Valeur de propriété

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

ValeurDescription
border-top-widthDéfinir la largeur de la bordure supérieure de l'élément.
border-top-styleDéfinir le style de ligne de la bordure supérieure de l'élément.
border-top-colorDéfinir la couleur de la bordure supérieure de l'élément.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure parente de l'élément.-Valeur de la propriété top.

Compatibilité du navigateur

border-Compatibilité du navigateur pour la propriété top, les numéros 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 4+

  • Apple Safari 1+

  • Opera 4+

En savoir plus

Voir l'instruction :CSS BorderCSS3 Border

Propriétés associées :borderborder-top-colorborder-top-styleborder-top-width