Comment réaliser une bordure haute ou basse d'une longueur donnée ?

Bonjour,

Je voudrais pouvoir placer une bordure haute ou une bordure basse ayant une longueur autre que la largeur de l'élément.

Par exemple, je voudrais qu'une bordure haute ait une longueur de 100 px alors que l'élément a une largeur de 150 px.
Plus difficile peut-être : une bordure de 180 px pour une largeur d'élément de 150 px.

Merci d'avance pour vos indications

il y a les pseudos element ::before/::after que tu peut styler et positionner pour ça.
++

Merci de ta réponse.

C'est précisément vers cette voie que je m'oriente.
Toutefois, je bute pour l'instant sur le fait qu'il faut définir un contenu (par exemple une lettre en blanc) car je ne peux pas simplement définir une largeur et une bordure haute ou basse, et ajuster ensuite l'élément en fonction de ce contenu.

Autre possibilité que j'essaie : contenu avec url du trait que je veux placer.
Modifié par cadbor (05 Jan 2014 - 13:58)

Je sens que tu vas te compliquer la vie pour rien, c'est pourtant simple:
http://jsfiddle.net/vnR7Q/

Merci beaucoup pour ce code.

Je tournais effectivement au tour du pot et avais oublié qu'une ligne d'un px peut aussi être définie comme un rectangle de hauteur 1 px avec un fond coloré.