Testo, finestra di dialogo Generatore di stile

Articolo
09/12/2008

Aggiornamento: novembre 2007

La pagina Testo della finestra di dialogo Generatore di stile consente di definire gli attributi di posizionamento del testo dei fogli di stile CSS. È possibile applicare questi attributi direttamente agli elementi HTML oppure aggiungerli alle regole di stile CSS.

Per applicare gli attributi di posizionamento del testo direttamente al testo presente negli elementi HTML della pagina

Aprire il documento HTML nella visualizzazione Progettazione della finestra di progettazione HTML e selezionare il testo da formattare.
Scegliere Stile dal menu Formato per aprire la finestra di dialogo Generatore di stile.
Scegliere Testo nel riquadro sinistro della finestra di dialogo Generatore di stile.

Nel riquadro destro verrà visualizzata la finestra di dialogo Generatore di stile, Testo.

Quando si applicano stili al testo selezionato nella visualizzazione Progettazione, gli attributi di stile CSS verranno inseriti inline nel markup HTML della pagina. Passare alla visualizzazione HTML per verificare i nuovi attributi di stile inseriti.

Per aggiungere gli attributi di testo a una regola di stile CSS definita in un foglio di stile esterno

Aprire un foglio di stile esterno e posizionare il punto di inserimento all'interno delle parentesi graffe ({ }) che seguono il selettore dello stile desiderato.
Scegliere Compila stile dal menu Stili per aprire la finestra di dialogo Generatore di stile.
Scegliere Testo nel riquadro sinistro della finestra di dialogo Generatore di stile.

Nel riquadro destro verrà visualizzata la finestra di dialogo Generatore di stile, Testo.

Nota:
Il menu Stili viene visualizzato quando si apre un foglio di stile CSS esterno per la modifica. L'opzione Compila stile del menu Stili diviene disponibile quando si posiziona il punto di inserimento tra le parentesi graffe che seguono il selettore di una regola di stile.

Una classe di stile CSS definita in un foglio di stile esterno può essere applicata a un elemento interno all'elemento <BODY> di una pagina Web (in questo caso è incluso lo stesso elemento <BODY>) assegnando il selettore di stile CSS come proprietà CLASS per l'elemento.

Le opzioni disponibili nella pagina Testo della finestra di dialogo Generatore di stile comprendono:

Attività

Elementi di interfaccia

Allineamento

Nota:
Per le seguenti opzioni di allineamento, se si seleziona <Non impostato>, non verrà aggiunto codice allo stile.

Orizzontale
Consente di impostare il valore dell'attributo TEXT-ALIGN per il testo formattato nello stile. Selezionare <Non impostato> (nessuna opzione scelta), A sinistra, Centrato, A destra o Giustificato. Se, ad esempio, si sceglie A sinistra, verrà inserito il seguente markup CSS:

TEXT-ALIGN:left

Nota:

I valori di Letters e Lines che si impostano di seguito vengono regolati per supportare l'attributo Giustificato.
Verticale
Consente di impostare il valore dell'attributo VERTICAL-ALIGN per il testo formattato nello stile. Selezionare <Non impostato> (nessuna opzione scelta), Formatta come pedice il testo o Formatta come apice il testo. Se, ad esempio, si sceglie Formatta come pedice il testo, verrà inserito il seguente markup CSS:

VERTICAL-ALIGN:sub
Giustificazione
Consente di impostare il valore dell'attributo TEXT-JUSTIFY per il testo formattato nello stile. Selezionare <Non impostato> (nessuna opzione scelta), Automatico, Spaziatura parole, Stile quotidiano, Spaziatura distribuita o Distribuisci su tutte le righe. Se, ad esempio, si sceglie Stile quotidiano, verrà inserito il seguente markup CSS:

TEXT-JUSTIFY:newspaper

Nota:

Gli attributi di giustificazione sono disponibili solo se si seleziona Giustificato per il valore orizzontale.

Nota:
I valori di Letters e Lines che si impostano di seguito vengono regolati per supportare l'attributo Giustificato.

Nota:
Gli attributi di giustificazione sono disponibili solo se si seleziona Giustificato per il valore orizzontale.

Spaziatura interna

Queste opzioni consentono di impostare la spaziatura tra le lettere e la spaziatura verticale tra le righe di testo formattate nello stile.

Lettere
Consente di impostare il valore della spaziatura orizzontale fra i caratteri di testo formattati nello stile. Selezionare <Non impostato> (nessuna opzione scelta), Normale o Personalizzata. Se si seleziona Personalizzata, saranno disponibili i campi a destra dell'opzione. Immettere un valore compreso tra 1 e 512 nel campo del numero e scegliere un'opzione di unità (px, pt, pc, mm, cm, in, em o ex). Il valore impostato può essere modificato per supportare l'attributo HORIZONTAL-JUSTIFIED. L'opzione di unità predefinita è pt. Se, ad esempio, si sceglie Personalizzata, si immette 5 nel campo del numero e quindi si accetta l'opzione di unità predefinita, verrà inserito il seguente markup CSS:

LETTER-SPACING:5pt
Linee
Consente di impostare il valore della spaziatura verticale fra le righe di testo formattate nello stile. Selezionare <Non impostato> (nessuna opzione scelta), Normale o Personalizzata. Se si seleziona Personalizzata, saranno disponibili i campi a destra dell'opzione. Immettere un valore compreso tra 1 e 512 nel campo del numero e scegliere un'opzione di unità (px, pt, pc, mm, cm, in, em, ex o %). L'opzione di unità predefinita è pt. Se, ad esempio, si sceglie Personalizzata, si immette 5 nel campo del numero e quindi si accetta l'opzione di unità predefinita, verrà inserito il seguente markup CSS:

LINE-HEIGHT:5pt

Nota:

L'attributo HORIZONTAL-JUSTIFIED consente di modificare anche la spaziatura verticale delle righe.

Nota:
L'attributo HORIZONTAL-JUSTIFIED consente di modificare anche la spaziatura verticale delle righe.

Scorrimento testo

Rientro
Consente di impostare il valore dell'attributo TEXT-INDENT per il testo formattato nello stile. Immettere un valore compreso tra 1 e 512 nel campo del numero e scegliere un'opzione di unità (px, pt, pc, mm, cm, in, em, ex o %). L'opzione di unità predefinita è pt. Se, ad esempio, si immette 5 nel campo del numero e si accetta l'opzione di unità predefinita, verrà inserito il seguente markup CSS:

TEXT-INDENT:5pt
Orientamento testo
Consente di impostare il valore dell'attributo DIRECTION per il testo formattato nello stile. Selezionare <Non impostato> (nessuna opzione scelta), Da sinistra a destra o Da destra a sinistra. Se, ad esempio, si sceglie Da sinistra a destra, verrà inserito il seguente markup CSS:

DIRECTION:ltr

Nota:

Quando l'attributo è <Non impostato>, non viene aggiunto codice allo stile.