La clase de peso de texto Bulma se usa para poner el texto en negrita. Hay 5 pesos de texto y puede transformar el peso del texto con el uso de uno de los 5 ayudantes de peso de texto.
Clases de peso de texto:
- has-text-weight-light: esta clase se utiliza para transformar el peso del texto en ligero.
- has-text-weight-normal: esta clase se utiliza para transformar el peso del texto en normal.
- has-text-weight-medium: esta clase se utiliza para transformar el peso del texto en medio.
- has-text-weight-semibold: esta clase se utiliza para transformar el peso del texto en seminegrita.
- has-text-weight-bold: esta clase se utiliza para transformar el peso del texto en negrita.
Ejemplo: El siguiente ejemplo ilustra la clase de tamaño de texto en Bulma.
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Typography</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-2 has-text-success"> GeeksforGeeks </h1> <b>Bulma Text weight</b> <br> <div class="container"> <p class="is-size-5 has-text-weight-light">GeeksforGeeks</p> <p class="is-size-5 has-text-weight-normal">GeeksforGeeks</p> <p class="is-size-5 has-text-weight-medium">GeeksforGeeks</p> <p class="is-size-5 has-text-weight-semibold">GeeksforGeeks</p> <p class="is-size-5 has-text-weight-bold">GeeksforGeeks</p> </div> </body> </html>
Producción:
Peso del texto de Bulma
Referencia: https://bulma.io/documentation/helpers/typography-helpers/#text-weight
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA