Startseite Skripte für das Wintersemester 2018/19 Webdesign Semantic Web CSS: Höhen und Breitenangaben


CSS: Höhen und Breitenangaben

Die Größen-Angaben sind in fixen Werten (px, em, mm, cm, m…) und auch in flexiblen Werten (%) möglich

CSS

p {
    width:50%;
    height:8em; /* 8mal die Schriftgröße … */
}

Ich passe mich in der Breite automatisch an und bleibe immer 50% breit…

Achtung

Nur bei Block-Elementen (<h1>…<h6>, <div>, <p>, <table>, <ul>, <ol>, <dl>) haben Breite- und Höhenangaben eine Wirkung!

Andere Elemente müssen erst via CSS in Blockelemente umgewandelt werden:

CSS

strong {
    /* hiermit wird aus dem Inline-Element „strong“ ein Block-Element */
    display:block;
}