¿Qué es un estilo JavaScript®?
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 Text JavaScript® afecta la forma en que aparece el texto en el sitio. Los elementos que pueden modificarse aquí son la altura de las líneas, cómo se alinea el texto y el tamaño de la sangría para cada párrafo. El estilo de JavaScript de texto no afecta cómo aparece 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 establecer con este tipo de estilo JavaScript® son el estilo de fuente y la familia de fuentes, ya sea que todas las letras estén en mayúsculas o minúsculas, y cuán claras u oscuras sean las letras. La familia de fuentes se refiere a qué fuente usará el texto, y el estilo de fuente se refiere a si el texto es normal, en negrita o en cursiva.
Los cuadros, o tablas de lenguaje de marcado de hipertexto (HTML), se ven afectados por el estilo de JavaScript de cuadro. 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 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á hecho para afectar listas, tanto numeradas como con viñetas. JavaScript® solo tiene un atributo a este respecto: listStyle. Esto afecta cómo se organiza la lista con otros elementos en 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. Sin embargo, 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.