Atributo de variante matemática de HTML5 MathML

El atributo mathvariant de MathML en HTML5 se utiliza para especificar la clase lógica utilizada para mostrar el texto. Esto se puede utilizar para variar la tipografía del texto que se muestra. Todos los valores posibles que admite este atributo son normal, negrita, cursiva, negrita-cursiva, doble tachado, negrita-fraktur, guión, negrita, fraktur, sans-serif, negrita-sans-serif, sans-serif-cursiva , sans-serif-bold-italic, monoespaciado, inicial, con cola, en bucle y estirado. Este atributo es aceptado por las etiquetas <mi> , <mn> , <mo> , <ms> y <mtext> .

Sintaxis:

<element mathvariant="logical class">

Valores de atributo: este atributo tiene un solo valor como se mencionó anteriormente y se describe a continuación:

  • clase lógica: este valor establece la clase lógica del elemento en uno de los valores disponibles.

Los siguientes ejemplos ilustran el atributo mathvariant de MathML  :

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
  
    <h3>HTML5 MathML mathvariant Attribute</h3>
      
    <math>
        <ms lquote="„" rquote=" “" 
            mathcolor="Red" 
            mathvariant="sans-serif">
            A Computer Science Portal for Geeks
        </ms>
    </math>
</body>
  
</html>

Producción:

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
  
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
      
    <h3>HTML5 MathML mathvariant Attribute</h3>
      
    <math>
        <ms lquote="„" rquote=" “" 
            mathcolor="Red" mathvariant="fraktur">
            A Computer Science Portal for Geeks
        </ms>
    </math>
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo mathvariant de HTML5 MathML se enumeran a continuación:

  • Firefox

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *