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