En este artículo, vamos a discutir una propiedad que se usa como abreviatura para especificar diferentes propiedades de fuente .
La propiedad de fuente es una propiedad abreviada para varias propiedades relacionadas con fuentes.
Acortar el código en la hoja de estilo en cascada (CSS) ayuda a especificar todas las propiedades relacionadas individuales en una sola propiedad. La propiedad de fuente se utiliza como abreviatura de varias propiedades de fuente como font-size , font-style , font-family , font-weight y font-variant .
Propiedades de la fuente:
- font-size: Especifica el tamaño del texto.
- font-style: especifica el estilo del texto, como normal, cursiva u oblicuo.
- font-family: Especifica la fuente para el texto.
- font-weight: esta propiedad especifica el grosor del texto que debe mostrarse.
- font-variant: Especifica si el texto se representa en versalitas o no.
Nota: El tamaño de fuente y la familia de fuentes son propiedades obligatorias e incluso si no se especifican, establezca los valores predeterminados para las propiedades.
Ejemplo 1: Veamos el programa de ejemplo de muestra que usa la propiedad de fuente .
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
font: 30px,Serif;
}
p {
font: italic 10px Georgia, Sans-serif;
}
</style>
</head>
<body>
<center>
<h2 style="color:green">GeeksforGeeks</h1>
<p>Geeks for Geeks-One of the best online
content providing, learning platform.</p>
</center>
</body>
</html>
Producción:
Ejemplo 2: en este código de ejemplo, aplicaremos todas las propiedades relacionadas con la fuente en un solo código abreviado.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p{
font:italic normal 250 50px "Times New Roman";
}
</style>
</head>
<body>
<center>
<h2 style="color:green">GeeksforGeeks</h2>
<b>Font shorthand Property</b>
<!--font style italic-->
<!--font variant normal-->
<!--font weight 250-->
<!--font size 20-->
<!--font family Time New Roman-->
<p>Default code has been loaded into the Editor.</p>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por akhilvasabhaktula03 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA