Tag HTML <menuitem>

Le tag <menuitem> contient les éléments du menu de commande / points du menu contextuel, défini par le tag <menu>.

Syntaxe

Le tag <menuitem> est apparié; le contenu est écrit entre les tags ouvrant (<menuitem>) et fermant (</menuitem>). Le tag <menuitem> est inclus dans l’élément <menu>.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      menuitem {
        display: block;
      }
    </style>
  </head>
  <body>
    <menu>
      <menuitem>ol – liste ordonnée</menuitem>
      <menuitem>ul – liste non ordonnée</menuitem>
      <menuitem>menu – menu</menuitem>
    </menu>
  </body>
</html>

Essayez-vous-même!

Résultat

Attributs

Attribut	Valeur	Description
checked	checked	Indique que la commande / menu doit être sélectionnée lors du chargement de la page (utilisée uniquement pour type = "radio" et type = "checkbox").
default	default	Marque la commande/élément de menu par défaut.
disabled	disabled	Indique, que la commande/élément de menu doit être désactivé.
icon	icon	Spécifie l'icône de l'élément de menu / commande.
label	text	Indique, comment la commande/élément de menu sera affiché pour l’utilisateur. L’attribut est obligatoire.
radiogroup	groupname	Spécifie le nom du groupe de commandes, qui seront échangés lors du changement de menu / commande. Utilisé uniquement pour type = "radio".
type	checkbox command radio	Indique le type de l'élément de menu / commande. La valeur par défaut est command.

Le tag <menuitem> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <menuitem> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <menuitem>:

La propriété CSS font-style définit le style de la police: normal | italic | oblique | initial | inherit
La propriété CSS font-family spécifie une liste priorisée d’un ou plusieurs noms de famille de police et/ou noms de famille génériques pour l’élément sélectionné.
La propriété CSS font-size définit la taille de la police.
La propriété CSS font-weight définit si la police doit être en gras ou épaisse.
La propriété CSS text-transform contrôle le cas de texte et la capitalisation.
La propriété CSS text-decoration spécifie la décoration ajoutée au texte, et est une propriété raccourcie pour les propriétés CSS text-decoration-line, text-decoration-color, text-decoration-style.

Coloration du texte dans le tag HTML <menuitem>:

La propriété CSS color décrit la couleur du contenu et les décorations du texte.
La propriété CSS background-color définit la couleur de fond d’un élément.

Styles de mise en page du texte pour la tag HTML <menuitem>:

La propriété CSS text-indent spécifie l’indentation de la première ligne dans un bloc de texte.
La propriété CSS text-overflow spécifie comment le contenu qui n’est pas affiché doit être signalé à l’utilisateur.
La propriété CSS white-space spécifie comment l’espace blanc à l’intérieur d’un élément est géré.
La propriété CSS word-break spécifie où les lignes doivent être cassées.

Autres propriétés utiles pour le tag HTML <menuitem>:

La propriété CSS text-shadow ajoute des ombres au texte.
La propriété CSS text-align-last définit l’alignement de la dernière ligne du texte.
La propriété CSS line-height spécifie la hauteur d’une ligne.
La propriété CSS letter-spacing définit les espaces entre les lettres/caractères d’un texte.
La propriété CSS word-spacing permet de définir l’espacement entre les mots.