align

  • Raccourci de la révision : XUL/Attributs/align
  • Titre de la révision : align
  • ID de la révision : 433599
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Oui
  • Commentaire

Contenu de la révision

{{ XULRefAttr() }}
{{ XULAttr("align") }}
Type : une des valeurs ci-dessous
L'attribut align spécifie la manière dont les éléments enfants de la boîte sont alignés lorsque la taille de celle-ci est plus grande que la taille totale de ses enfants. Pour les boîtes orientées horizontalement, il spécifie la manière dont les enfants seront alignés verticalement. Pour les boîtes dont l'orientation est verticale, il est utilisé pour indiquer la manière dont ils seront alignés horizontalement. L'attribut {{ XULAttr("pack") }} est lié à l'alignement mais est utilisé pour spécifier la position dans la direction opposée. Il est également possible de spécifier la valeur d'align à l'aide de la propriété de style -moz-box-align.
  • start : Les éléments enfants sont alignés depuis le bord gauche ou supérieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé du côté droit ou en bas.
  • center : L'espace supplémentaire est divisé en parts égales de chaque côté des éléments enfants, ce qui fait que ceux-ci sont placés au centre de la boîte.
  • end : Les éléments enfants sont placés sur le bord droit ou inférieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé sur le bord gauche ou en haut.
  • baseline : Cette valeur ne s'applique qu'aux boîtes orientées horizontalement. Elle fait en sorte que les éléments enfants soient alignés afin que leurs labels texte soient sur la même ligne.
  • stretch : Les éléments enfants sont étirés pour remplir la taille de la boîte. Pour une boîte horizontale, les enfants sont étirés à la hauteur de la boîte. Pour une boîte verticale, les enfants sont étirés à la largeur de la boîte. Si la taille de la boîte change, les enfants s'adaptent. Utilisez l'attribut {{ XULAttr("flex") }} pour créer des éléments qui s'étirent dans la direction opposée.
  • left : {{ Deprecated_inline() }} Les éléments sont alignés sur leurs bords gauches.
  • center: {{ Deprecated_inline() }} Les éléments sont centrés horizontalement.
  • right: {{ Deprecated_inline() }} Les éléments sont alignés sur leurs bords droits.

Voir également

L'attribut {{ XULAttr("pack") }}.

{{ languages( { "en": "en/XUL/Attribute/align", "ja": "ja/XUL/Attribute/align", "pl": "pl/XUL/Atrybut/align" } ) }}

Source de la révision

<div class="noinclude">
  {{ XULRefAttr() }}</div>
<dl>
  <dt>
    {{ XULAttr("align") }}</dt>
  <dd>
    Type&nbsp;:
    <i>
      une des valeurs ci-dessous</i>
  </dd>
  <dd>
    L'attribut <code>align</code> spécifie la manière dont les éléments enfants de la boîte sont alignés lorsque la taille de celle-ci est plus grande que la taille totale de ses enfants. Pour les boîtes orientées horizontalement, il spécifie la manière dont les enfants seront alignés verticalement. Pour les boîtes dont l'orientation est verticale, il est utilisé pour indiquer la manière dont ils seront alignés horizontalement. L'attribut <code>{{ XULAttr("pack") }}</code> est lié à l'alignement mais est utilisé pour spécifier la position dans la direction opposée. Il est également possible de spécifier la valeur d'<code>align</code> à l'aide de la propriété de style <a href="fr/CSS/-moz-box-align"><code>-moz-box-align</code></a>.</dd>
</dl>
<ul>
  <li><code>start</code>&nbsp;: Les éléments enfants sont alignés depuis le bord gauche ou supérieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé du côté droit ou en bas.</li>
  <li><code>center</code>&nbsp;: L'espace supplémentaire est divisé en parts égales de chaque côté des éléments enfants, ce qui fait que ceux-ci sont placés au centre de la boîte.</li>
  <li><code>end</code>&nbsp;: Les éléments enfants sont placés sur le bord droit ou inférieur de la boîte. Si la boîte est plus grande que la taille totale des enfants, l'espace supplémentaire est laissé sur le bord gauche ou en haut.</li>
  <li><code>baseline</code>&nbsp;: Cette valeur ne s'applique qu'aux boîtes orientées horizontalement. Elle fait en sorte que les éléments enfants soient alignés afin que leurs labels texte soient sur la même ligne.</li>
  <li><code>stretch</code>&nbsp;: Les éléments enfants sont étirés pour remplir la taille de la boîte. Pour une boîte horizontale, les enfants sont étirés à la hauteur de la boîte. Pour une boîte verticale, les enfants sont étirés à la largeur de la boîte. Si la taille de la boîte change, les enfants s'adaptent. Utilisez l'attribut <code>{{ XULAttr("flex") }}</code> pour créer des éléments qui s'étirent dans la direction opposée.</li>
  <li><code>left</code>&nbsp;: {{ Deprecated_inline() }} Les éléments sont alignés sur leurs bords gauches.</li>
  <li><code>center</code>: {{ Deprecated_inline() }} Les éléments sont centrés horizontalement.</li>
  <li><code>right</code>: {{ Deprecated_inline() }} Les éléments sont alignés sur leurs bords droits.</li>
</ul>
<div class="noinclude">
  <h3 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h3>
  <p>L'attribut <code>{{ XULAttr("pack") }}</code>.</p>
</div>
<p>{{ languages( { "en": "en/XUL/Attribute/align", "ja": "ja/XUL/Attribute/align", "pl": "pl/XUL/Atrybut/align" } ) }}</p>
Revenir à cette révision