Primer CSS es un marco CSS gratuito de código abierto que se basa en sistemas que crean la base de los elementos de estilo básicos, como el espaciado, la tipografía y el color. Este método sistemático garantiza que nuestros patrones sean estables e interoperables entre sí. Su enfoque de CSS está influenciado por los principios de CSS orientados a objetos, CSS funcional y arquitectura BEM. Es altamente reutilizable y flexible. Está creado con el sistema de diseño de GitHub.
Los atributos booleanos de Primer CSS son aquellos atributos en los que no necesitamos establecer el valor. Si el atributo booleano está presente, el valor será verdadero y, si está ausente, el valor será falso .
Primer CSS Atributos booleanos Atributos:
- verificado: este atributo se utiliza para seleccionar la entrada.
- disabled: este atributo se utiliza para desactivar la entrada.
- seleccionado: este atributo se utiliza para seleccionar la opción de las opciones dadas.
Sintaxis:
<input type="checkbox" value="..." checked >
Ejemplo 1: este ejemplo demuestra la implementación de los atributos booleanos de Primer CSS mediante la entrada de radio.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> Primer CSS Boolean Attributes Attributes </title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <div class="text-center"> <h1 style="color: green"> GeeksforGeeks </h1> <h2> Primer CSS Boolean Attributes Attributes </h2> <br> <label> <input type=checkbox disabled name="GeeksforGeeks"> Disabled checkbox </label> </div> </body> </html>
Producción:
Ejemplo 2: Este ejemplo demuestra la implementación de los atributos booleanos de Primer CSS.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> Primer CSS Boolean Attributes Attributes </title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <div class="text-center"> <h1 style="color: green"> GeeksforGeeks </h1> <h2> Primer CSS Boolean Attributes Attributes </h2> <br> <select> <option value="DS"> Data Structure </option> <option value="Java" selected> Java </option> <option value="Python"> Python </option> </select> </div> </body> </html>
Producción:
Referencia: https://primer.style/css/principles/html#boolean-attributes
Publicación traducida automáticamente
Artículo escrito por singhteekamgfg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA