Element: Headline / Label

Das Element Überschrift / Label ist ein Element, das nur einen einfachen Text enthält. Es ist für Überschriften und Beschriftungen von Formularfeldern gedacht, aber Sie können es auch als einfaches Textelement verwenden.
Beispiel App
Sie können dieses Element mit Beispiel-Styles direkt im öffentlichen Bereich der contentDock® Viewer App testen. Zusätzlich können Sie diese Beispiel-Styles auch aus der Vorlagen-Bibliothek in Ihren Benutzer-Account laden und in Ihr App-Projekt importieren.
Styles
-
HintergrundFarbeDefiniert die Farbe für den Hintergrund des Elements. Die Farbe wird in der kompletten Größe des Elements verwendet. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.
Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.
Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
rgba(255,255,255,0)
BildDefiniert das Hintergrundbild für das Element. -
RahmenPositionHiermit geben Sie die Position des Rahmens an. Der Rahmen umschließt immer das Element, allerdings können Sie wählen in welche Richtung der Rahmen gezeichnet wird.
Mögliche Werte sind:
Innen: Der Rahmen wird nach innen gezeichnet.
Außen: Der Rahmen wird nach außen gezeichnet.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
inner
FarbeDefiniert die Farbe für den Rahmen des Elements. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.
Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.
Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
rgba(255,255,255,0)
HöheDefiniert die Stärke des Rahmens in Pixel, der das Element umschließt. Der Wert wird individuell in einem Eingabefeld gesetzt.
Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
RadiusDefiniert den Radius des Rahmens in Pixel, der in den Element-Ecken verwendet wird. Der Wert wird individuell in einem Eingabefeld gesetzt.
Bitte beachten Sie, dass nur ganze Zahlen eingegeben werden. Ein "px" muss nicht erfasst werden.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Den Radius oben links anzeigenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
1
Den Radius oben rechts anzeigenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
1
Den Radius unten links anzeigenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
1
Den Radius unten rechts anzeigenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
1
-
SchattenSchattenfarbe
Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
#000000
Transparenz des SchattenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Radius des SchattenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Versatzhöhe des SchattensVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Versatzbreite des SchattensVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
-
Innerer AbstandNach obenPer Default ist der Text im Element vertikal zentriert und horizontal links ausgerichtet. Mit dem Inneren-Abstand "nach oben" können Sie den Abstand zum oberen Elementrand verändern.
Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Nach untenPer Default ist der Text im Element vertikal zentriert und horizontal links ausgerichtet. Mit dem Inneren-Abstand "nach unten" können Sie den Abstand zum unteren Elementrand verändern.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Nach linksPer Default ist der Text im Element vertikal zentriert und horizontal links ausgerichtet. Mit dem Inneren-Abstand "nach links" können Sie den Abstand zum linken Elementrand verändern.
Achtung: Bitte beachten Sie, dass dieser Style nur bei der Text-Ausrichtung "links" verwendet wird. Ist die Text-Ausrichtung "rechts" oder "zentriert", hat dieser Wert keine Auswirkung.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Nach rechtsPer Default ist der Text im Element vertikal zentriert und horizontal links ausgerichtet. Mit dem Inneren-Abstand "nach rechts" können Sie den Abstand zum rechten Elementrand verändern.
Achtung: Bitte beachten Sie, dass dieser Style nur bei der Text-Ausrichtung "rechts" verwendet wird. Ist die Text-Ausrichtung "links" oder "zentriert", hat dieser Wert keine Auswirkung.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
-
Titel SchriftSchriftartIn contentDock® sind diverse Schriften von fonts.google.com bereits installiert. Sie können aber auch ihre eigenen Schriften in contentDock® als TTF (TrueType Font) oder OTF (OpenType Font) laden.
Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
Open Sans Light
SchriftgrößeDefiniert die Größe des Textes in Pixel. Der Wert wird aus einem Dropdown ausgewählt oder kann individuell gesetzt werden.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
30
FarbeDefiniert die Farbe für den Text. Mögliche Werte sind hexadezimale sowie RGBA Farbwerte.
Beim hexadezimalen Farbsystem werden drei aufeinanderfolgende Hexadezimalzahlen verwendet, die jeweils für eine Farbe des RGB-Farbraums stehen. Beispiel: #ffffff für die Farbe Weiß.
Das RGBA Farbsystem ist vom RGB System um einen Alphawert für Transparenzen erweitert. Beispiel: rgba(255,255,255,0.5) für die Farbe Weiß mit einem Alphawert 0.5.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
#000000
Definiert die Abstände zwischen den BuchstabenVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Höhe der TextzeileVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Schattenfarbe des TextesVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
rgba(0,0,0,0)
Schattenradius des TextesVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Breite des Schattenversatzes des TextesVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
Höhe des Schattenversatzes des TextesVoreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
0
-
AusrichtungAusrichtungDefiniert die grundsätzliche Ausrichtung des Textes innerhalb des Elements.
Mögliche Werte sind:
links: Der Text ist links ausrichtet.
rechts: Der Text ist nach rechts ausgerichtet.
zentriert: Der Text ist im Element zentriert.
Achtung: Bitte beachten Sie, dass abhängig von der Text-Ausrichtung einige Werte vom inneren Abstand nicht verwendet werden.Voreingestellter Systemwert
Dieser Wert wird verwendet, wenn kein Style für dieses Element definiert ist.
left