Operation Manual

Nach oben
Background-color
Hintergrundbild
Background-repeat
Background-attachment
Background-position (X) und Background-position (Y)
Nach oben
Word-spacing
Letter-spacing
Vertical-align
Text-align
Text-indent
Hintergrundeigenschaften für CSS-Stile definieren
In der Kategorie „Hintergrund“ des Dialogfelds „CSS-Regel-Definition“ definieren Sie Hintergrundeigenschaften für einen CSS-Stil.
Hintergrundeigenschaften können auf jedes Element einer Webseite angewendet werden. Sie können zum Beispiel einen Stil erstellen, der einen
Textbereich oder eine ganze Seite mit einer Hintergrundfarbe oder einem Hintergrundbild versieht. Sie können auch die Position des
Hintergrundbilds festlegen.
1. Öffnen Sie das Bedienfeld „CSS-Stile“ (Umschalt+F11), sofern es noch nicht geöffnet ist.
2. Doppelklicken Sie im oberen Bereich des Bedienfelds „CSS-Stile“ auf eine vorhandene Regel bzw. auf eine vorhandene Eigenschaft.
3. Wählen Sie im Dialogfeld „CSS-Regel-Definition“ die Kategorie „Hintergrund“ aus und legen Sie die gewünschten Stileigenschaften fest.
Die folgenden Eigenschaften können leer gelassen werden, wenn sie für den Stil nicht von Bedeutung sind:
Legt die Hintergrundfarbe für das Element fest. Die Eigenschaft „background-color“ wird von beiden Browsern
unterstützt.
Legt das Hintergrundbild für das Element fest. Das Background-image-Attribut wird von beiden Browsern unterstützt.
Legt fest, ob und wie das Hintergrundbild wiederholt werden soll. Die Eigenschaft „background-repeat“ wird von beiden
Browsern unterstützt.
Mit „no-repeat“ wird das Bild nur einmal am Anfang des Elements angezeigt.
Mit „repeat“ wird das Bild mehrmals horizontal und vertikal hinter dem Element angezeigt.
Mit „repeat-x“ und „repeat-y“ wird ein horizontales bzw. vertikales Bilderband angezeigt. Die Bilder werden dabei auf die Größe des
Elements zugeschnitten.
Hinweis: Mit der Eigenschaft „background-repeat“ können Sie die Definition des body-Tags abwandeln und ein Hintergrundbild definieren,
das nicht mehrmals neben- oder untereinander angezeigt wird.
Legt fest, ob die Position des Hintergrundbilds fixiert ist oder ob das Hintergrundbild zusammen mit dem Inhalt
einen Bildlauf durchführt. Beachten Sie, dass einige Browser auch dann einen Bildlauf für das Hintergrundbild durchführen, wenn Sie die
feste Position gewählt haben. Dieses Attribut wird von Internet Explorer und Mozilla Firefox unterstützt.
Legen die Anfangsposition des Hintergrunds in Relation zum Element fest. Diese
Einstellungen können verwendet werden, um ein Hintergrundbild auf der Seite vertikal (Y) und horizontal (X) zu zentrieren. Wenn Sie für die
Eigenschaft „background-attachment“ die Einstellung „fixed“ ausgewählt haben, wird die Position relativ zum Dokumentfenster und nicht
relativ zum Element aufgefasst.
4. Nachdem Sie die gewünschten Optionen ausgewählt haben, klicken Sie links im Bedienfeld auf eine andere CSS-Kategorie, um weitere
Stileigenschaften festzulegen, oder klicken Sie auf „OK“.
Blockeigenschaften für CSS-Stile definieren
In der Kategorie „Block“ des Dialogfelds „CSS-Regel-Definition“ legen Sie die Abstände und die Ausrichtung von Tags und Eigenschaften fest.
1. Öffnen Sie das Bedienfeld „CSS-Stile“ (Umschalt+F11), sofern es noch nicht geöffnet ist.
2. Doppelklicken Sie im oberen Bereich des Bedienfelds „CSS-Stile“ auf eine vorhandene Regel bzw. auf eine vorhandene Eigenschaft.
3. Wählen Sie im Dialogfeld „CSS-Regel-Definition“ die Kategorie „Block“ und anschließend ggf. eine der folgenden Stileigenschaften aus.
(Wenn eine Eigenschaft für den betreffenden Stil nicht relevant ist, lassen Sie das entsprechende Feld leer.)
Legt den Abstand zwischen Wörtern fest. Um einen bestimmten Wert einzustellen, wählen Sie im Popupmenü die Option
„(Wert)“ aus und geben Sie einen Zahlenwert ein. Wählen Sie im zweiten Popupmenü eine Maßeinheit aus (z. B. px, pt usw.).
Hinweis: Sie können auch negative Werte eingeben. Allerdings hängt die korrekte Anzeige vom Browser ab. Dreamweaver zeigt diese
Eigenschaft nicht im Dokumentfenster an.
Bestimmt den Abstand zwischen den Buchstaben oder sonstigen Zeichen. Wenn Sie den Zeichenabstand verringern
möchten, geben Sie einen negativen Wert ein (z. B. -4). Die Einstellung für den Zeichenabstand setzt die Blocksatz-Einstellung eines Textes
außer Kraft. Die Eigenschaft „letter-spacing“ wird von Internet Explorer ab Version 4 und von Mozilla Firefox ab Version 1unterstützt.
Bestimmt die vertikale Ausrichtung des Elements, auf das dieses Attribut angewendet wird. Dreamweaver zeigt diese
Eigenschaft nur dann im Dokumentfenster an, wenn es auf das <img>-Tag angewendet wird.
Legt fest, wie Text innerhalb des Elements ausgerichtet wird. Die Eigenschaft „text-align“ wird von beiden Browsern unterstützt.
Bestimmt, wie weit die erste Textzeile eingerückt wird. Ein negativer Wert kann verwendet werden, um einen hängenden
Einzug zu erstellen, die korrekte Anzeige hängt aber vom Browser ab. Dreamweaver zeigt diese Eigenschaft nur dann im Dokumentfenster
221