Was ist ein JavaScript®-Stil?
Ein JavaScript®-Stil ist Teil des JavaScript®-Codes, der das Erscheinungsbild oder die Gestaltung einer Webseite beeinflusst. Diese Stile können in fünf Abschnitte unterteilt werden: Text, Schriftart, Feld, Klassifizierung sowie Hintergründe und Farben. Jeder Abschnitt wirkt sich je nach den Anforderungen des Erstellers auf einen anderen Teil der Webseite aus und verfügt über eigene Tags.
Text JavaScript®-Stil beeinflusst, wie der Text auf der Site angezeigt wird. Elemente, die hier geändert werden können, sind die Höhe der Linien, die Ausrichtung des Texts und die Größe des Einzugs für jeden Absatz. Der JavaScript®-Stil für Text beeinflusst nicht die Darstellung der Schriftart, sondern nur die Organisation des Texts.
Der Schriftstil von JavaScript® ähnelt dem von Text, wirkt sich jedoch auf die Buchstaben aus, ändert jedoch das Erscheinungsbild der Buchstaben und nicht deren Organisation. Bereiche, die mit dieser Art von JavaScript®-Stil festgelegt werden können, sind Schriftstil und Schriftfamilie, unabhängig davon, ob alle Buchstaben in Groß- oder Kleinbuchstaben geschrieben sind und wie hell oder dunkel die Buchstaben sind. Die Schriftfamilie gibt an, welche Schrift der Text verwenden soll, und der Schriftstil gibt an, ob der Text normal, fett oder kursiv ist.
Boxen oder HTML-Tabellen (Hypertext Markup Language) werden vom JavaScript-Stil der Box beeinflusst. Andere Abschnitte können ebenfalls mit diesem Stil geändert werden, er wird jedoch hauptsächlich für Tabellen verwendet. Die hier betroffenen Bereiche sind die Ränder in alle vier Richtungen. Wenn Sie einen Rand festlegen, z. B. einen 20-Pixel-Rand oben, wird das Feld um 20 Pixel nach unten verschoben, und es wird sichergestellt, dass diese 20 Pixel oben leer bleiben. Dies wird üblicherweise zum Organisieren der gesamten Webseite verwendet.
Klassifizierung Der JavaScript®-Stil wirkt sich auf nummerierte und mit Aufzählungszeichen versehene Listen aus. JavaScript® hat diesbezüglich nur ein Attribut: listStyle. Dies wirkt sich darauf aus, wie die Liste mit anderen Elementen auf der Seite organisiert ist. Wenn Sie beispielsweise listStyle auf "inside" setzen, wird die Liste in einem anderen angegebenen Element angezeigt.
Der Hintergrund- und Farbstil wird mit zwei ähnlichen, aber unterschiedlichen Tags geliefert: backgroundColor und color. Diese beiden Tags machen genau dasselbe; Sie werden verwendet, um die Farbe der Webseite festzulegen. Mit BackgroundColor wird jedoch der gesamte Hintergrund der Webseite eingefärbt, während mit color nur die Farbe eines einzelnen Elements festgelegt wird. Farben können entweder mithilfe des Farbnamens (z. B. Grün oder Rot) oder mithilfe des Hexadezimalwerts der Farbe festgelegt werden.