Un estilo JavaScript® es parte del código JavaScript® que afecta la apariencia o el estilo de una página web. Estos estilos se pueden dividir en cinco secciones: texto, fuente, cuadro, clasificación y fondos y colores. Cada sección afecta a una parte diferente de la página web, de acuerdo con las necesidades del creador, y viene con su propio conjunto de etiquetas.
El estilo del texto JavaScript® afecta la forma en que aparece el texto en el sitio. Los elementos que se pueden modificar aquí son la altura de las líneas, cómo se alinea el texto y el tamaño de la sangría de cada párrafo. El estilo del texto JavaScript® no afecta la apariencia de la fuente, solo cómo está organizado el texto.
El estilo de fuente JavaScript® es similar al texto en que afecta a las letras, pero este estilo cambia la apariencia de las letras, no su organización. Las áreas que se pueden configurar con este tipo de estilo JavaScript® son el estilo de fuente y la familia de fuentes, si todas las letras están en mayúsculas o minúsculas y qué tan claras u oscuras son las letras. La familia de fuentes se refiere a la fuente que usará el texto y el estilo de fuente se refiere a si el texto es normal, negrita o cursiva.
Los cuadros o tablas de lenguaje de marcado de hipertexto (HTML) se ven afectados por el estilo de cuadro de JavaScript®. También se pueden modificar otras secciones con este estilo, pero se usa principalmente para tablas. Las áreas afectadas aquí son los márgenes en las cuatro direcciones. Establecer un margen, por ejemplo, un margen de 20 píxeles en la parte superior, empujará el cuadro hacia abajo en 20 píxeles y garantizará que esos 20 píxeles de espacio en la parte superior permanezcan en blanco. Esto se usa comúnmente para organizar toda la página web.
El estilo de clasificación JavaScript® está diseñado para afectar listas, tanto numeradas como con viñetas. JavaScript® tiene solo un atributo a este respecto: listStyle. Esto afecta la forma en que se organiza la lista con otros elementos de la página. Por ejemplo, si establece listStyle en «inside», la lista aparecerá dentro de otro elemento especificado.
El estilo de fondo y color viene con dos etiquetas similares, pero diferentes: backgroundColor y color. Estas dos etiquetas hacen exactamente lo mismo; se utilizan para establecer el color de la página web. BackgroundColor se usa para colorear todo el fondo de la página web, mientras que el color se usa solo para establecer el color de un elemento individual. Los colores se pueden establecer usando el nombre del color, como verde o rojo, o usando el valor hexadecimal del color.