CSS-Eigenschaften im Dialog anzeigen

Modul Design Element im Bereich Layout / Struktur auswählen Elementeinstellungen / Stile / CSS-Eigenschaften im Editor anzeigen

1. Allgemeines




Wenn Sie hier oben links auf "CSS-Eigenschaften im Dialog anzeigen" klicken, können CSS-Regeln komfortabel in einem Assistenten bearbeitet werden. Mit den Schaltfläche S, M und L oben rechts legen Sie fest, für welche Displaygröße die CSS-Regeln gültig sind.

2. Hintergrund


Hintergrundfarbe

Hier sehen Sie die aktuell ausgewählte Hintergrundfarbe.

Farbe auswählen
Öffnet eine kleine Farbpalette, aus der die gewünschte Hintergrundfarbe ausgewählt werden kann.

Hintergrundbild


Bild auswählen
Öffnet einen Dialog, in dem ein Hintergrundbild ausgewählt werden kann.

Bild löschen
Trägt das ausgewählte Bild wieder aus.

Kein Bild
Im CSS des Elements wird die Eigenschaft background-image: none eingetragen.

Eigenschaft von übergeordnetem Element übernehmen
Übernimmt die Farbe des übergeordneten Elements. Im CSS wird der Wert inherit eingetragen.

Position

Hier können Sie festlegen, an welcher Position das Hintergrundbild im Element positioniert werden soll: Links, Links oben, Links unten, Rechts, Rechts oben, Rechts unten, Oben, Unten oder Mitte.

Wiederholung

Legt fest, auf welche Weise eine Grafik wiederholt dargestellt werden soll. "X- und Y-Wiederholung" wiederholt die Grafik in horizontaler bzw. vertikaler Richtung. "Keine Wiederholung" bewirkt die Anzeige der Grafik in Originalgröße.

3. Schrift


Schriftart

Hier ist die aktuell ausgewählte Schriftart eingetragen.

Schriftart auswählen
Öffnet einen Dialog, in dem eine Schriftart ausgewählt werden kann.

Schriftgröße

Hier sehen Sie die aktuell ausgewählte Schriftgröße. In der Auswahlliste rechts können Sie die Einheit Pixel, em oder Prozent auswählen.

Schriftfarbe

Hier sehen Sie die aktuell ausgewählte Schriftfarbe.

Farbe auswählen
Öffnet eine kleine Farbpalette, aus der die gewünschte Schriftfarbe ausgewählt werden kann.

Schriftschnitt

Legt fest, ob die Schrift normal oder fett (bold) dargestellt wird.

Schriftstil

Legt fest, ob die Schrift normal oder kursiv (italic) dargestellt wird.

Textdekoration

Legt fest, ob der Text unterstrichen (underline) oder nicht unterstrichen (none) formatiert wird.

4. Rahmen


Stil

Hier legen Sie die Linienart fest, mit dem das Element umrahmt wird.

Farbe

Pro Seite kann eine Linienfarbe ausgewählt werden.

Breite

Legen Sie hier die Breite der Rahmenlinien in Pixel, em oder Prozent fest.

Gleiche .... für alle Seiten

Mit dieser Einstellung muss die gewünschte Eigenschaft jeweils nur einmal eingetragen werden. Sie gilt dann für alle Seiten des Rahmens.

6. Abstände


Innenabstand

Hier regeln Sie den Abstand von Element-Inhalt (z.B. Text) zur Außenseite des Elements. In der Auswahlliste können Sie jeweils die Einheit Pixel, em oder Prozent auswählen.

Außenabstand

Hier regeln Sie den Abstand von der Außenseite des Elements zur Außenseite des nächsten angrenzenden oder umgebenden Element. In der Auswahlliste können Sie jeweils die Einheit Pixel, em oder Prozent auswählen.

Gleicher ...abstand für alle Seiten

Mit dieser Einstellung muss die gewünschte Eigenschaft jeweils nur einmal eingetragen werden. Sie gilt dann für alle Seiten des Elements.