H I O X INDIA
FREE CSS Tutorial
 ACCUEIL  ||  Scripts  ||  Tutoriels  ||  Images  english Español 中文 Deutsch

CSS Sujets
Introduction
Types
Background Propriétés
Propriétés du Texte
Propriétés de Police
Boîte Propriétés
Propriétés de la Frontière
Marge Propriétés
Rembourrages Propriétés
Special Topics
Demandez à vos Doutes
Feedback



Style de Bordure CSS


Sujet

Je veux avoir une bordure html en tiré ou pointillé, que dois-je faire?
Je veux une ligne double autour de mon paragraphe html?
Comment faire une bordure arête ou canneler avec la feuille de style ?



Explication

Propriété: Style-de-bordure

Usage:
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;

Définition:
Le style de la bordure peut être configuré avec le marqueur style-de-bordure. Le style de bordure se présente avec les valeurs suivantes.
a)dotted- Cela créera une frontière commune avec des lignes pointillées.
b)dashed- Cela va créer une frontière avec les lignes.
c)solid- Cela créera une frontière commune avec des lignes.
d)double- Cela va créer une frontière de double lignes.
e)groove- Cela va créer une frontière qui ressemblera à rainure.
f)ridge- Cela va créer une frontière qui ressemblera à crête.
g)inset- Cela va créer une ligne de frontière avec la recherche inset.
h)outset- Cela créera une frontière commune avec la ligne de départ, la recherche.

Exemple 1:
<div style="border-width: 2px; border-style: dotted; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 2:
<div style="border-width: 2px; border-style: dashed; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 3:
<div style="border-width: 2px; border-style: solid; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 4:
<div style="border-width: 4px; border-style: double; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 5:
<div style="border-width: 4px; border-style: groove; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 6:
<div style="border-width: 4px; border-style: ridge; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 7:
<div style="border-width: 4px; border-style: inset; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure



Exemple 8:
<div style="border-width: 4px; border-style: outset; border-color: red; "> vérification du style de la bordure</div>

Résultat:
vérification du style de la bordure










A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.

Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.


privacy policy     license
© 2004-2009 HIOX INDIA - hioxindia.com