Faq-O-Matic für de.comm.infosystems.www.authoring.misc

dciwam-FAQ, häufig gestellte Fragen

Fragen zu praktischen Problemen

CSS, Cascading Style Sheets

Wie mache ich mit CSS eine Linie?

Um eine Linie unter einen Absatz zu zeichnen weist man dem Absatz die CSS-Eigenschaft border-bottom zu.

Beispiel:

    .linie {
        border-bottom-color: black;
        border-bottom-width: 3px;
        border-bottom-style:double;
        }

    <p class="linie">hello world</p>

zeichnet unter dem Absatz eine doppelte schwarze Linie.

Beachte:

Der Klasse .linie könnte man natürlich noch andere Eigenschaften zuweisen; soll die Linie nur halb so breit sein wie der Bildschirm fügt man noch width:50% ein. Soll auch bei Browsern, die CSS nicht unterstützen, eine Linie angezeigt werden, kann man <hr> verwenden.

Damit in Browsern, die CSS unterstützen nicht zwei Linien dargestellt werden, weist man dem <hr>-Element die CSS-Eigenschaft display:none zu:

     hr {display:none}

Links:

(as)