Representa por <porcentaje> toma un número como parámetro. Se utiliza para definir el tamaño relativo al tamaño principal. Con la ayuda de esto, puede ajustar todos los elementos HTML-CSS. En CSS, muchas propiedades que toman un porcentaje como parámetros como relleno, ancho, alto, margen y tamaño de fuente.
Sintaxis:
<Percentage>
Toma como parámetro un número seguido de un signo de porcentaje (%).
El número puede ser positivo y negativo, pero algunas propiedades no aceptan porcentajes negativos.
Nota: No se acepta ningún espacio entre el número y el signo de porcentaje (%).
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 1px solid black;
margin: 25% 50% 75% 25%;
background-color: lightblue;
}
</style>
</head>
<body>
<h2>CSS Value Percentage</h2>
<div>
This div element has a top margin
of 25%, a right margin of 50%, a
bottom margin of 75%, and a left
margin of 25%.
</div>
<hr />
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> CSS | Percentage Value </title> </head> <body> <h2>CSS Value Percentage</h2> <!-- size of text is 18px --> <div style="font-size: 18px;"> <p>GeeksForGeeks</p> <!-- Size of text is 50% of 18px --> <p><span style="font-size: 50%;"> GeeksForGeeks </span> </p> <!-- Size of text is 200% of 18px --> <p><span style="font-size: 200%;"> GeeksForGeeks </span> </p> </div> <hr /> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por vipinyadav15799 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA