« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
→Bordures et marges : Maintenabilité : toujours garder un point-virgule à la fin |
|||
Ligne 347 :
** <code>none</code> : Aucune bordure ;
* sa largeur : <code>border-width</code>, dont la valeur est une distance ou un mot-clef de type <code>medium</code>.
; Exemple en HTML
<syntaxhighlight lang="html">
<div style="border-color: gray;▼
<div
border-
border-width: medium;">
</div>
</syntaxhighlight>
: donne
{{début cadre|bleu}}
Ligne 363 ⟶ 365 :
On peut synthétiser tout cela avec <code>border</code>, l'exemple ci-dessus devient alors
<syntaxhighlight lang="html">
Bla bla bla
</div>
</syntaxhighlight>
On peut définir une bordure différente
Ligne 373 ⟶ 377 :
* et à droite, avec <code>border-right</code>.
; Exemple
<syntaxhighlight lang="css">
border-top:solid 1px black;▼
border-
border-
border-
border-right:none;
et on peut définir indépendemmant chaque caractéristique de chaque trait : <code>border-top-width</code>, <code>border-top-style</code>, …▼
</syntaxhighlight>
▲et on peut définir
=== Marge extérieure ===
Ligne 388 ⟶ 394 :
; Double soulignement
: On peut combiner la propriété <code>text-decoration</code> avec <code>border-bottom</code> pour produire un <span style="text-decoration: underline; padding-bottom: 0.08em; border-bottom: solid 1px">double soulignement</span> :
<syntaxhighlight lang="css">
</syntaxhighlight>
; Soulignement pointillé
|