text-align

  • Revision slug: CSS/text-align
  • Revision title: text-align
  • Revision id: 164058
  • Created:
  • Creator: Federico
  • Is current revision? No
  • Comment /* Compatibilità coi browser */

Revision Content

Sommario

La proprietà text-align indica come le linee di testo devono essere allineate tra loro. text-align non influisce sull'allineamento degli altri elementi, solo del loro contenuto in-line.

  • valore-iniziale: dipende dal browser utilizzato e dalla direzione del testo
  • Si applica a: tutti gli elementi di livello blocco
  • Eredità: si
  • Media: visual
  • Computed value:

Sintassi

 text-align: left | center | right | justify | inherit

Valori

  • left : le righe si allineano al bordo sinistro dell'elemento che contiene il testo
  • right : le righe si allineano al bordo destro dell'elemento che contiene il testo
  • center : le righe sono centrate all'interno dell'elemento che contiene il testo
  • justify : le righe sono lunghe uguali e sono quindi allineate ad entrambi i bordi dell'elemento (tranne l'ultima, generalmente più corta, che è allineata a sinistra)

Esempi

p.left { text-align: left }

p.right { text-align: right }

Note

  • La specifica CSS2 comprendeva un valore <stringa> che poi è stato eliminato dai CSS2.1 perchè mai implementato.

Specifiche

Compatibilità coi browser

Browser Versione minima
Internet Explorer 3
Netscape 4
Opera 3.5

Vedi anche

text-indent, text-align, text-decoration, letter-spacing, word-spacing, text-transform, white-space, white-space-collapse, text-rendering, text-wrap, text-shadow, margin, margin-left, margin-right, vertical-align,

{{ wiki.languages( { "en": "en/CSS/text-align", "fr": "fr/CSS/text-align" } ) }}

Revision Source

<h3 name="Sommario"> Sommario </h3>
<p>La proprietà <code>text-align</code> indica come le linee di testo devono essere allineate tra loro. <code>text-align</code> non influisce sull'allineamento degli altri elementi, solo del loro contenuto <code>in-line</code>.
</p>
<ul><li> valore-iniziale: dipende dal browser utilizzato e dalla direzione del testo
</li><li> Si applica a: tutti gli elementi di livello blocco
</li><li> Eredità: si
</li><li> Media: <a href="it/CSS/Media/visual">visual</a>
</li><li> Computed value:
</li></ul>
<h3 name="Sintassi"> Sintassi </h3>
<pre class="eval"> text-align: left | center | right | justify | inherit
</pre>
<h3 name="Valori"> Valori </h3>
<ul><li> <b>left</b> : le righe si allineano al bordo sinistro dell'elemento che contiene il testo
</li><li> <b>right</b> : le righe si allineano al bordo destro dell'elemento che contiene il testo
</li><li> <b>center</b> : le righe sono centrate all'interno dell'elemento che contiene il testo
</li><li> <b>justify</b> : le righe sono lunghe uguali e sono quindi allineate ad entrambi i bordi dell'elemento (tranne l'ultima, generalmente più corta, che è allineata a sinistra)
</li></ul>
<h3 name="Esempi"> Esempi </h3>
<pre>p.left { text-align: left }

p.right { text-align: right }
</pre>
<h3 name="Note"> Note </h3>
<ul><li> La specifica CSS2 comprendeva un valore &lt;stringa&gt; che poi è stato eliminato dai CSS2.1 perchè mai implementato.
</li></ul>
<h3 name="Specifiche"> Specifiche </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#text-align">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">CSS 2.1</a>
</li></ul>
<h3 name="Compatibilit.C3.A0_coi_browser"> Compatibilità coi browser </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Versione minima</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Vedi_anche"> Vedi anche </h3>
<p><code><a href="it/CSS/text-indent">text-indent</a></code>, 
<code><b>text-align</b></code>, 
<code><a href="it/CSS/text-decoration">text-decoration</a></code>, 
<code><a href="it/CSS/letter-spacing">letter-spacing</a></code>, 
<code><a href="it/CSS/word-spacing">word-spacing</a></code>, 
<code><a href="it/CSS/text-transform">text-transform</a></code>, 
<code><a href="it/CSS/white-space">white-space</a></code>, 
<code><a href="it/CSS/white-space-collapse">white-space-collapse</a></code>, 
<code><a href="it/CSS/text-rendering">text-rendering</a></code>, 
<code><a href="it/CSS/text-wrap">text-wrap</a></code>, 
<code><a href="it/CSS/text-shadow">text-shadow</a></code>, 
<code><a href="it/CSS/margin">margin</a></code>, 
<code><a href="it/CSS/margin-left">margin-left</a></code>, 
<code><a href="it/CSS/margin-right">margin-right</a></code>, 
<code><a href="it/CSS/vertical-align">vertical-align</a></code>,
</p>{{ wiki.languages( { "en": "en/CSS/text-align", "fr": "fr/CSS/text-align" } ) }}
Revert to this revision