[CSS] Border décalée ?

Border décalée ? [CSS] - Web design - Graphisme

Marsh Posté le 24-02-2005 à 12:19:30    

Bonjour,
 
est-ce possible de faire une border uniquement en bas d"un texte tel que  
 

Code :
  1. border-bottom: solid 1px;


 
MAIS en pouvant l'espacer a notre guise ? (comme par exemple un padding).
 
Je voudrais donc pouvoir espacé ma bordure a ma guise.
 
Est ce possible ? Si oui comment ?
 
 
exemple illustré :
 
http://perso.latribu.be/dolby/images/css-border.png


Message édité par Dolby le 24-02-2005 à 12:50:27
Reply

Marsh Posté le 24-02-2005 à 12:19:30   

Reply

Marsh Posté le 27-02-2005 à 17:17:36    

Tu met un padding-left et un padding-bottom

Reply

Marsh Posté le 27-02-2005 à 17:40:27    

Pour le cas de ce que tu veux, tu définis la taille de ton cadre  
 

Code :
  1. .cadre {
  2. border-bottom : 1px solid #000;
  3. width : 150px; (la taille que tu veux)
  4. }


 
Ca va te définir la taille de ton cadre, et tu aura la bordure sur le bord inférieur qui courera sur toute la largeur du cadre.  
 
Pour le cas en dessous, avec la bordure plus basse que précédemment, tu peux utiliser : line-height :  
 
 
tu aurai donc dans ton css par exemple:  
 

Code :
  1. .Cadre2 {
  2. border-bottom : 1px solid #000;
  3. width : 150px;
  4. line-height : 150%;
  5. }


 
sauf erreur de ma part bien sûr :)


Message édité par L0WsKiLL le 27-02-2005 à 17:40:57
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed