En este artículo, definimos la información de estilo para un documento usando el elemento <style>
en el documento. Se utiliza para cambiar nuestro texto, visto en la página. Este cambio incluye cambiar el tamaño de fuente, la familia de fuentes, el color de fuente, etc. No solo los textos, sino que también puede cambiar el estilo de un cuerpo o parte de una página. Ahora veamos varios atributos de estilo y qué más admite la etiqueta.
Sintaxis:
<tagname style="property:value;">
Ejemplo 1: El siguiente ejemplo demuestra cómo definir la información de estilo para un documento usando HTML5.
<!DOCTYPE html> <html> <head> <title> How to define style information for a document using HTML5? </title> </head> <body> <h1 style="font-family:commanders;"> Hello GeeksforGeeks. </h1> <h2 style="font-family:Chaparral Pro Light;"> Hello GeeksforGeeks. </h2> <h3 style="font-family:algerian;"> Hello GeeksforGeeks. </h3> <p style="font-family:Castellar;"> Hello GeeksforGeeks. </p> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> How to define style information for a document using HTML5? </title> </head> <body style="background-color:#616A6B;"> <h1 style="font-family:commanders; background-color:yellow;"> Hello GeeksforGeeks. </h1> <h2 style="font-family:algerian; background-color:cyan;"> Hello GeeksforGeeks. </h2> <p style="font-family:Castellar; background-color:green;"> Hello GeeksforGeeks. </p> </body> </html>
Producción:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA