Freigeben über

Text, Dialogfeld "Stil-Generator"

  • Artikel

Aktualisiert: November 2007

Auf der Seite Text des Dialogfelds Stil-Generator können Sie Textpositionierungsattribute für Cascading Stylesheets (CSS) definieren. Sie können diese Attribute entweder direkt HTML-Elementen zuweisen oder den CSS-Formatierungsregeln hinzufügen.

So wenden Sie Textpositionierungattribute direkt auf HTML-Elemente auf der Seite an

  1. Öffnen Sie das HTML-Dokument in der Entwurfsansicht des HTML-Designer, und wählen Sie den zu formatierenden Text aus.

  2. Klicken Sie zum Öffnen des Dialogfelds Stil-Generator im Menü Format auf die Option Stil.

  3. Klicken Sie im linken Bereich des Dialogfelds Stil-Generator auf Text.

    Das Dialogfeld Text, Stil-Generator wird im rechten Bereich angezeigt.

Wenn Sie Formate einem in der Entwurfsansicht ausgewählten Text zuweisen, werden CSS-Formatattribute inline in das HTML-Markup für die Seite eingefügt. Wechseln Sie zur HTML-Ansicht, um die neu eingefügten Formatattribute zu überprüfen.

So fügen Sie einer in einem externen Stylesheet definierten CSS-Stilregel Textattribute hinzu

  1. Öffnen Sie ein vorhandenes externes Stylesheet, und platzieren Sie die Einfügemarke zwischen die geschweiften Klammern ({ }) hinter der Auswahl für den gewünschten Stil.

  2. Klicken Sie zum Öffnen des Dialogfelds Stil-Generator im Menü Stile auf die Option Stil erstellen.

  3. Klicken Sie im linken Bereich des Dialogfelds Stil-Generator auf Text.

    Das Dialogfeld Text, Stil-Generator wird im rechten Bereich angezeigt.

Hinweis:

Das Menü Stile wird angezeigt, wenn Sie ein externes CSS-Stylesheet zum Bearbeiten öffnen. Wenn Sie die Einfügemarke zwischen die geschweiften Klammern hinter der Auswahl für eine Stilregel platzieren, wird im Menü Stile die Option Stil erstellen angezeigt.

Eine in einem externen Stylesheet definierte CSS-Stilklasse kann auf ein Element im <BODY>-Element einer Webseite (in diesem Fall auch auf das <BODY>-Element selbst) angewendet werden, indem Sie die CSS-Stilauswahl als CLASS-Eigenschaft für das Element zuweisen.

Die folgenden Optionen sind auf der Seite Text im Dialogfeld Stil-Generator enthalten:

Aufgaben

UI-Elemente

Ausrichtung

Hinweis:

Wenn Sie für die folgenden Ausrichtungsoptionen <Nicht festgelegt> auswählen, wird dem Stil kein Code hinzugefügt.

  • Horizontal
    Legt den TEXT-ALIGN-Attributwert für mit der Formatvorlage formatierten Text fest. Wählen Sie <Nicht festgelegt> (Keine Option ausgewählt), Links, Zentriert, Rechts oder Blocksatz aus. Wenn Sie z. B. Links auswählen, wird das folgende CSS-Markup eingefügt:

    TEXT-ALIGN:left

    Hinweis:

    Die Werte für Letters und Lines, die Sie unten festlegen, werden entsprechend dem Blocksatz-Attribut angepasst.

  • Vertikal
    Legt den VERTICAL-ALIGN-Attributwert für mit der Formatvorlage formatierten Text fest. Wählen Sie <Nicht festgelegt> (keine Option ausgewählt), Tiefgestellter Text oder Hochgestellter Text aus. Wenn Sie z. B. Tiefgestellter Text auswählen, wird das folgende CSS-Markup eingefügt:

    VERTICAL-ALIGN:sub

  • Ausrichtung
    Legt den TEXT-JUSTIFY-Attributwert für mit dem Stil formatierten Text fest. Wählen Sie <Nicht festgelegt> (Keine Option ausgewählt), Automatisch, Wörter mit Abstand, Zeitungsstil, Abstand verteilen oder Alle Zeilen verteilen aus. Wenn Sie z. B. Zeitungsstil auswählen, wird das folgende CSS-Markup eingefügt:

    TEXT-JUSTIFY:newspaper

    Hinweis:

    Attribute für die Ausrichtung sind nur verfügbar, wenn Sie Blocksatz für den horizontalen Wert auswählen.

Zwischenraum

Diese Optionen legen die Abstände zwischen Buchstaben und die vertikalen Abstände zwischen Zeilen für den mit dem Stil formatierten Text fest.

  • Buchstaben
    Legt den Wert für den horizontalen Abstand zwischen Buchstaben im mit der Formatvorlage formatierten Text fest. Wählen Sie <Nicht festgelegt> (keine Option ausgewählt), Normal oder Benutzerdefiniert aus. Wenn Sie Benutzerdefiniert auswählen, sind die Felder rechts neben Benutzerdefiniert verfügbar. Geben Sie im Zahlenfeld einen Wert zwischen 1 und 512 ein, und wählen Sie für die Maßeinheit eine Option aus (px, pt, pc, mm, cm, in, em oder ex). Der festgelegte Wert wird u. U. an das HORIZONTAL-JUSTIFIED-Attribut angepasst. Die Standardmaßeinheit ist pt. Wenn Sie z. B. Benutzerdefiniert auswählen, den Wert 5 in das Zahlenfeld eingeben und anschließend die Standardmaßeinheit übernehmen, wird das folgende CSS-Markup eingefügt:

    LETTER-SPACING:5pt

  • Linien
    Legt den Wert für den vertikalen Abstand zwischen Zeilen im mit der Formatvorlage formatierten Text fest. Wählen Sie <Nicht festgelegt> (keine Option ausgewählt), Normal oder Benutzerdefiniert aus. Wenn Sie Benutzerdefiniert auswählen, sind die Felder rechts neben Benutzerdefiniert verfügbar. Geben Sie im Zahlenfeld einen Wert zwischen 1 und 512 ein, und wählen Sie für die Maßeinheit eine Option aus (px, pt, pc, mm, cm, in, em, ex oder %). Die Standardmaßeinheit ist pt. Wenn Sie z. B. Benutzerdefiniert auswählen, den Wert 5 in das Zahlenfeld eingeben und anschließend die Standardmaßeinheit übernehmen, wird das folgende CSS-Markup eingefügt:

    LINE-HEIGHT:5pt

    Hinweis:

    Das HORIZONTAL-JUSTIFIED-Attribut ändert auch den vertikalen Abstand der Zeilen.

Textfluss

  • Einzug
    Legt den TEXT-INDENT-Attributwert für mit dem Stil formatierten Text fest. Geben Sie im Zahlenfeld einen Wert zwischen 1 und 512 ein, und wählen Sie für die Maßeinheit eine Option aus (px, pt, pc, mm, cm, in, em, ex oder %). Die Standardmaßeinheit ist pt. Wenn Sie z. B. den Wert 5 in das Zahlenfeld eingeben und anschließend die Standardmaßeinheit übernehmen, wird das folgende CSS-Markup eingefügt:

    TEXT-INDENT:5pt

  • Textrichtung
    Legt den DIRECTION-Attributwert für mit dem Stil formatierten Text fest. Wählen Sie <Nicht festgelegt> (keine Option ausgewählt), Von links nach rechts oder Von rechts nach links aus. Wenn Sie z. B. Von links nach rechts auswählen, wird das folgende CSS-Markup eingefügt:

    DIRECTION:ltr

    Hinweis:

    Wenn das Attribut <Nicht gesetzt> lautet, wird dem Format kein Code hinzugefügt.

Siehe auch

Konzepte

Übersicht über das Arbeiten mit CSS

Referenz

Hintergrund, Dialogfeld "Stil-Generator"

Schriftart, Dialogfeld "Stil-Generator"

Position, Dialogfeld "Stil-Generator"

Layout, Dialogfeld "Stil-Generator"

Konturen, Dialogfeld "Stil-Generator"

Listen, Dialogfeld "Stil-Generator"

Andere, Dialogfeld "Stil-Generator"

Dialogfeld "Farbauswahl"