Wat is een JavaScript®-stijl?

Een JavaScript®-stijl maakt deel uit van de JavaScript®-code die het uiterlijk of de stijl van een webpagina beïnvloedt. Deze stijlen kunnen worden onderverdeeld in vijf secties: tekst, lettertype, vak, classificatie en achtergronden en kleuren. Elke sectie beïnvloedt een ander deel van de webpagina, afhankelijk van de behoeften van de maker, en wordt geleverd met een eigen set tags.

Tekst JavaScript®-stijl beïnvloedt hoe de tekst op de site wordt weergegeven. Elementen die hier kunnen worden gewijzigd, zijn de hoogte van de regels, hoe de tekst wordt uitgelijnd en de grootte van de inspringing voor elke alinea. Tekst JavaScript®-stijl heeft geen invloed op hoe het lettertype wordt weergegeven, alleen op hoe de tekst is georganiseerd.

De stijl van het lettertype JavaScript® lijkt op tekst omdat het de letters beïnvloedt, maar deze stijl verandert de weergave van de letters, niet hun organisatie. Gebieden die kunnen worden ingesteld met dit type JavaScript®-stijl zijn de letterstijl en de lettertypefamilie, of alle letters in hoofdletters of in kleine letters zijn en hoe licht of donker de letters zijn. Lettertypefamilie verwijst naar welk lettertype de tekst zal gebruiken, en lettertypestijl verwijst naar of de tekst normaal, vet of cursief is.

Boxen of HTML-tabellen (hypertext markup language) worden beïnvloed door de box JavaScript®-stijl. Andere secties kunnen ook worden gewijzigd met deze stijl, maar het wordt voornamelijk gebruikt voor tabellen. De getroffen gebieden zijn de marges in alle vier richtingen. Door een marge in te stellen - bijvoorbeeld een marge van 20 pixels bovenaan - wordt het vak 20 pixels naar beneden gedrukt en wordt ervoor gezorgd dat die 20 pixels ruimte bovenaan leeg blijven. Dit wordt meestal gebruikt om de hele webpagina te ordenen.

Classificatie JavaScript®-stijl is gemaakt om lijsten te beïnvloeden, zowel genummerd als opsommingstekens. JavaScript® heeft in dit opzicht slechts één kenmerk: listStyle. Dit heeft invloed op hoe de lijst is georganiseerd met andere elementen op de pagina. Als u bijvoorbeeld listStyle instelt op "binnen", verschijnt de lijst in een ander opgegeven element.

De achtergrond- en kleurstijl worden geleverd met twee vergelijkbare, maar verschillende, tags: backgroundColor en kleur. Deze twee tags doen precies hetzelfde; ze worden gebruikt om de kleur van de webpagina in te stellen. BackgroundColor wordt echter gebruikt om de hele achtergrond van de webpagina te kleuren, terwijl kleur alleen wordt gebruikt om de kleur van een afzonderlijk element in te stellen. Kleuren kunnen worden ingesteld met behulp van de naam van de kleur, zoals groen of rood, of met behulp van de hexadecimale waarde van de kleur.