Largo de la falda
HTML + CSSBoutons radio

Longueur de jupe sur le mannequin

Un mannequin avec une jupe évasée : chaque option est à hauteur de son ourlet et la jupe s'allonge ou raccourcit jusque-là.

Réglages

16px
1x

Code

<fieldset class="uvq04-hem"><legend>Longueur de jupe</legend><div class="st"><div class="fm" aria-hidden="true"><i class="nk"></i><i class="pl"></i><i class="bs"></i><i class="ts"></i><i class="sk"></i><i class="hm"></i></div><div class="op"><label style="--h:2.2em"><input type="radio" name="uvq04-hem"><span>Mini</span></label><label style="--h:3.8em"><input type="radio" name="uvq04-hem"><span>Genou</span></label><label style="--h:5.4em"><input type="radio" name="uvq04-hem" checked><span>Midi</span></label><label style="--h:7em"><input type="radio" name="uvq04-hem"><span>Maxi</span></label></div></div></fieldset>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Boutons radio

Voir tout : Boutons radio

Où l’utiliser

Un mannequin de couture en lin sur un pied en bois porte une jupe trapèze, et les quatre longueurs, mini, genou, midi et maxi, sont placées pile à hauteur de leur ourlet avec des lignes pointillées. En choisir une allonge ou raccourcit la jupe avec un léger balancement, pendant qu'un trait de craie et deux épingles suivent l'ourlet. Idéal pour la mode sur mesure et les cours de couture.

La couleur principale est le tissu de la jupe et la secondaire le lin du mannequin. Les longueurs sont de simples valeurs en em dans le style de chaque libellé : ajuste-les à ton vêtement et garde des noms courts.