DocumentazioneAEM GuidesDocumentazione di AEM Guides

Utilizzare gli stili di contenuto comuni work-with-common-styles

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:

Creato per:

  • Esperto
  • Amministratore

Un foglio di stile contiene le definizioni degli stili per gli elementi utilizzati nell’output di PDF. È possibile scegliere di utilizzare i fogli di stile di esempio o crearne di nuovi. Nella maggior parte dei casi, la creazione di una copia del foglio di stile di esempio OOTB consente di iniziare rapidamente.

L’editor di stili è un editor WYSIWYG che nasconde tutte le complessità di un codice CSS dietro l’interfaccia utente. Utilizzando l’editor di stili, puoi personalizzare facilmente e molto rapidamente gli stili per gli elementi desiderati. Gli stili sono suddivisi nelle seguenti categorie:

  • Stili intestazione
  • Stili paragrafo
  • Stili di carattere
  • Stili collegamento ipertestuale
  • Stili immagine
  • Stili elenco
  • Stili tabella
  • Stili Div
  • Stili pagina
  • Altri stili

Quando si lavora con contenuto DITA strutturato, la mappatura di stile per la maggior parte degli elementi DITA è attiva nel foglio di stile predefinito. Se si utilizzano elementi DITA standard, è possibile modificarne l'aspetto apportando direttamente modifiche alla definizione dello stile. Queste definizioni di stile sono disponibili nella categoria Altri stili. Per ulteriori dettagli, vedere Utilizzare altri stili più avanti in questo argomento.

Nelle sezioni seguenti vengono illustrate le impostazioni di stile più comunemente utilizzate, sotto forma di esempi.

NOTE
Negli esempi seguenti si presume che si stia utilizzando il foglio di stile di esempio fornito con il prodotto.

Utilizzare gli stili di titolo heading-styles

Gli stili di titolo racchiudono tutti gli stili di base dei titoli utilizzati nel contenuto. Otterrai 6 stili di titolo di base e uno stile di titolo per l’argomento/capitolo e l’intestazione del titolo dell’appendice. In un documento strutturato, H1 rappresenta il titolo dell'argomento o del capitolo e da H2 a H6 vengono utilizzati per i sottoargomenti o le sezioni di un argomento o di un capitolo. Questa gerarchia di intestazioni viene applicata automaticamente al contenuto ogni volta che viene trovata l’intestazione corrispondente.

NOTE
È possibile creare stili di titolo personalizzati e utilizzarli nel contenuto utilizzando la classe di output. Per ulteriori dettagli, vedere il passaggio 4 nell'esempio Utilizzare l'orientamento della pagina e la rotazione della visualizzazione.

Creare intestazioni personalizzate a livello di capitolo create-chapter-level-heading

In un libro (o in una mappa di un libro), si lavora con i capitoli. Gli stili di titolo di base sono progettati in modo tale da essere applicati ai titoli a livello di capitolo senza alcuna personalizzazione. Tuttavia, se desideri creare intestazioni specifiche per il contenuto, dovrai crearle. Ad esempio, l'intestazione predefinita h1.chapter viene applicata al titolo del capitolo. Se si desidera che il titolo del capitolo venga visualizzato in uno stile diverso, è necessario personalizzare lo stile h1.chapter. Allo stesso modo, è possibile creare stili personalizzati per i sottotitoli del capitolo. Ad esempio, se desideri creare uno stile personalizzato per tutte le intestazioni di livello 2nd e 3rd nel capitolo, devi creare un nuovo stile come h2.chatper e h3.chatper.

Poiché la funzione di pubblicazione di PDF nativi contiene le definizioni degli stili di base per gli stili più comuni, anche se uno stile viene eliminato accidentalmente, al contenuto viene applicato lo stile predefinito. Se ad esempio nel foglio di stile non è presente alcuna definizione di stile per lo stile h2, la caratteristica Pubblicazione di PDF nativi applicherà uno stile di base al contenuto h2.

In questo esempio verrà creato uno stile di intestazione del capitolo di secondo livello:

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Stili titolo.

  3. Fare clic con il pulsante destro del mouse sullo stile Stili titolo e scegliere Nuovo stile.

  4. Nella finestra di dialogo Aggiungi stile, mantieni il nome Tag come h2 e immetti chapter nel campo del nome Classe.

  5. Fai clic su Fine.

Nell'elenco Stili titolo viene creato e aggiunto il nuovo stile titolo h2.chapter.

Dopo aver creato uno stile, potete personalizzarne le proprietà richieste utilizzando l'editor di stili.

Creare intestazioni di numerazione automatica auto-number-heading

Uno degli stili di output più comunemente utilizzati sono i titoli con numerazione automatica. Questi titoli rappresentano il numero del capitolo, l'argomento e i numeri dei sottoargomenti. Le intestazioni di numerazione automatica sono diverse dagli stili di elenco in cui a un elenco di elementi di un argomento vengono assegnati numeri automatici.

In questo esempio personalizzeremo i titoli dal livello 1 al livello 3 per utilizzare numeri automatici in formati diversi.

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Stili titolo.

  3. Selezionare lo stile h1 dall'elenco.
    Le proprietà dello stile h1 vengono visualizzate nel pannello Proprietà insieme alla relativa anteprima.

    note note
    NOTE
    Il pannello Anteprima offre una visualizzazione in tempo reale di tutti gli aggiornamenti di stile applicati a qualsiasi elemento.

  4. Selezionare la proprietà Contatore.

    Gli stili che è possibile applicare all'elenco numerazione automatica sono visualizzati sotto la proprietà Numerazione automatica.

  5. Imposta le seguenti proprietà:

    • Stile: consente di scegliere tra un'ampia gamma di stili di numerazione generici o specifici delle impostazioni internazionali. Puoi scegliere stili come Arabo-Indaco, Devanagari, Georgiano, Decimale, Alpha inferiore e altro ancora. Per l'esempio corrente, selezionare upper-alpha.

    • Formato: il formato predefinito è impostato su <x>, in cui il valore x viene sostituito con lo stile di numerazione selezionato nella proprietà Style. Ad esempio, se è stato selezionato lo stile decimal (1), il valore di x incrementi automatici per ogni istanza dello stile h1 andrà come 2, 3 e così via. Puoi anche aggiungere testo personalizzato nel campo per formattare lo stile dell’intestazione. Ad esempio, se desideri che tutte le intestazioni h1 abbiano il prefisso Chapter, imposta questo campo come Chapter <x>.

    • Inserisci carattere: per aggiungere caratteri speciali nel formato, fare clic su Inserisci carattere ( {width="25"}). Selezionare il carattere desiderato che si desidera aggiungere nel formato di stile e fare clic su Inserisci. Nell'elenco a discesa Seleziona categoria sono disponibili diversi tipi di caratteri speciali. Nel nostro esempio, selezionare il segno di virgoletta con doppio angolo rivolto a destra dalla categoria Punteggiatura.

      {width="400"}

    • Inizia numerazione da: se si desidera che la numerazione inizi da un numero specifico, specificare tale valore. Nel nostro esempio, mantieni il valore predefinito 1.

    • Rientro: per applicare un rientro all'intestazione, è necessario impostare il valore di Rientro. Nel nostro esempio, impostalo su 0 px.

      note note
      NOTE
      Potete immettere il valore in pixel (pixel), pt (punti), rem, em, % (percentuale) o in unità (pollici).

    • Larghezza prefisso: area occupata dal formato di numerazione automatica. Viene impostato automaticamente su una dimensione che può facilmente adattarsi al formato di stile selezionato. Se desideri aumentare le dimensioni, puoi sostituire il valore predefinito.

      Quando imposti questo valore manualmente, prova a modificare le altre proprietà che avranno un impatto sulla larghezza. Ad esempio, modificare la dimensione del carattere, il formato con prefisso (Capitolo) o un suffisso (:), impostare il valore massimo nella proprietà Inizia numerazione da e le varie proprietà del carattere per ottenere la dimensione ottimale.

      Nel nostro esempio, mantieni il valore predefinito.

    • Spaziatura: specificare la spaziatura orizzontale e verticale. Nel nostro esempio, mantieni i valori predefiniti.

      Con le personalizzazioni di cui sopra, lo stile viene personalizzato come mostrato di seguito:

      {width="500"}

    • Applica formattazione a: le proprietà della categoria Numerazione automatica consentono di definire lo stile di numerazione. Per applicare ulteriori personalizzazioni allo stile di numerazione o al contenuto del formato titolo, è possibile scegliere Numerazione o Paragrafo in questo campo. Se si sceglie Numerazione, le modifiche apportate a Tipo di carattere, Bordo, Layout e ad altre categorie verranno applicate solo allo stile di numerazione nell'intestazione. Tuttavia, se selezioni Paragrafo, le modifiche verranno applicate al contenuto dell’intestazione e non allo stile di numerazione.

    Utilizza le seguenti impostazioni per generare un output mostrato nella schermata seguente:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4 7-row-4 8-row-4 9-row-4 10-row-4 11-row-4 12-row-4 13-row-4 14-row-4 1-align-left 2-align-left 3-align-left 4-align-left 6-align-left 7-align-left 8-align-left 9-align-left 11-align-left 12-align-left 13-align-left 14-align-left 16-align-left 17-align-left 18-align-left 19-align-left 21-align-left 22-align-left 23-align-left 24-align-left 26-align-left 27-align-left 28-align-left 29-align-left 31-align-left 32-align-left 33-align-left 34-align-left 36-align-left 37-align-left 38-align-left 39-align-left 41-align-left 42-align-left 43-align-left 44-align-left 46-align-left 47-align-left 48-align-left 49-align-left 51-align-left 52-align-left 53-align-left 54-align-left 56-align-left 57-align-left 58-align-left 59-align-left 61-align-left 62-align-left 63-align-left 64-align-left 66-align-left 67-align-left 68-align-left 69-align-left 71-align-left 72-align-left 73-align-left 74-align-left
    Stile intestazione Proprietà Valore Commenti aggiuntivi
    h1 Stile Decimale Queste proprietà si trovano nella categoria Numerazione automatica
    Formato Capter <x>:
    Larghezza prefisso 160 px
    Font > Allineamento testo Sinistra Assicurarsi che Applica formattazione a sia impostato su Numerazione
    h2 Stile Decimale Queste proprietà si trovano nella categoria Numerazione automatica
    Formato Section <x>:
    Larghezza prefisso 125 px
    Font > Allineamento testo Sinistra Assicurarsi che Applica formattazione a sia impostato su Numerazione
    h3 Stile Decimale Queste proprietà si trovano nella categoria Numerazione automatica
    Inserisci livello 2
    Formato Section <2>.<x>:
    Larghezza prefisso 125 px
    Font > Allineamento testo Sinistra Assicurarsi che Applica formattazione a sia impostato su Numerazione

    {width="500"}

Utilizzare gli stili di paragrafo paragraph-style

È possibile creare uno stile di paragrafo per applicare una formattazione speciale a un intero paragrafo. Tuttavia, utilizzando la pseudoclasse, è possibile applicare uno stile solo a una parte specifica del testo. Nell'esempio seguente verrà creato uno stile di paragrafo per utilizzare lo stile capolettera.

Creare lo stile capolettera drop-cap-style

Lo stile capolettera viene utilizzato nelle riviste e nei documenti letterari in cui al primo carattere di un paragrafo o di una sezione viene assegnato uno stile speciale. È possibile ottenere lo stesso effetto utilizzando la funzione Pubblicazione nativa di PDF.

Nell’esempio seguente verrà creato uno stile capolettera:

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Stili paragrafo.

  3. Fare clic con il pulsante destro del mouse su Stile paragrafo e scegliere Nuovo stile.

  4. Nella finestra di dialogo Aggiungi stile, mantieni il nome Tag come p e nel campo Pseudo Classe, seleziona ::first-letter.

  5. Fai clic su Fine.

    Un nuovo stile di paragrafo denominato ::first-letter è stato creato e aggiunto all'elenco Stili di paragrafo.

  6. Selezionare ::first-letter nello stile p e impostare le proprietà seguenti:

    • Carattere: imposta il tipo di carattere desiderato per la prima lettera del paragrafo. Ad esempio, impostate la famiglia di caratteri su corsivo, lo spessore del carattere su 500, la dimensione del carattere su 30 pt e scegliete un colore del carattere.

    • Layout: imposta l'allineamento verticale del testo attorno allo stile capolettera. Nel nostro esempio, l’allineamento verticale verrà impostato su Inferiore.

Poiché il tag p è mappato con l'elemento <p> in DITA, non è necessario aggiungere esplicitamente questo stile utilizzando l'attributo outputclass. Ovunque nel contenuto venga utilizzato un elemento <p>, lo stile capolettera viene applicato automaticamente. Nella schermata seguente, il titolo del capitolo, la descrizione breve e gli elementi dell’elenco di definizioni non sono stati formattati con lo stile capolettera. Solo lo stile paragrafo viene formattato con lo stile capolettera:

{width="500"}

Utilizzare gli stili di carattere char-style

Utilizzando gli stili di carattere, puoi creare stili per formattare caratteri o parole all’interno del contenuto. Ad esempio, puoi creare uno stile di carattere per il codice in linea o il nome del file, oppure puoi creare uno stile che utilizza più formati di stile sul contenuto selezionato.

Creare uno stile di carattere in linea inline-char-style

La formattazione di caratteri in linea o di parole in un paragrafo è uno stile molto comune. Il processo di creazione di uno stile in linea prevede due attività: la prima consiste nel creare un nuovo stile nel foglio di stile e la seconda nell'applicare lo stile nel contenuto utilizzando l'attributo outputclass.

Nell’esempio seguente verrà creato uno stile di carattere in linea:

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Stili di carattere.

  3. Fare clic con il pulsante destro del mouse su Stile carattere e scegliere Nuovo stile.

  4. Nella finestra di dialogo Aggiungi stile, mantieni il nome Tag come estensione e immetti BoldItalic nel campo del nome Classe.

    {width="400"}

  5. Fai clic su Fine.

    Nell'elenco Stili di carattere viene creato e aggiunto un nuovo stile di carattere denominato codice.

  6. Selezionare span.BoldItalic dall'elenco Stile carattere e impostare le proprietà seguenti:

    • Carattere: da questa sezione è possibile personalizzare tutte le proprietà relative ai caratteri. Per impostazione predefinita, alcuni tipi di carattere sono forniti in bundle con il prodotto. È possibile scegliere il tipo di carattere desiderato per lo stile di carattere. Ad esempio, imposta la famiglia di caratteri su Serif, e seleziona Bold e Italic nella proprietà Stile carattere. È inoltre possibile personalizzare altre proprietà del tipo di carattere, ad esempio lo spessore del carattere (grassetto, più chiaro), la decorazione del testo (come sottolineato, sovrapposto), la dimensione del carattere, il colore del carattere, l'allineamento del testo e altro ancora.

      note note
      NOTE
      Puoi anche aggiungere font al modello, che sono memorizzati nella sezione Risorse del modello. Per ulteriori dettagli sull'aggiunta di tipi di carattere e sull'utilizzo delle risorse, vedere Operazioni con le risorse.

    • Layout: è possibile impostare le proprietà relative al layout, ad esempio Altezza e Larghezza, Margine, Spaziatura interna, Allineamento e altro ancora.

    • Sfondo: le proprietà Sfondo consentono di formattare il colore di sfondo di un particolare stile. È possibile definire il colore o l'immagine di sfondo per qualsiasi stile.

Dopo aver creato lo stile di carattere in linea, devi applicarlo nel contenuto. Per applicare lo stile di codice in linea, passa alla vista origine e aggiungi l'attributo outputclass nel contenuto desiderato:

outputclass="BoldItalic"

L'esempio seguente mostra il formato grassetto corsivo applicato in posizioni diverse nel testo in esecuzione:

{width="500"}

Personalizza stile elenco custom-list-style

Gli stili di elenco contengono le impostazioni di stile predefinite per gli elenchi ordinati e non ordinati. Puoi personalizzare facilmente questi stili di elenco per soddisfare i requisiti della documentazione.

Nell’esempio seguente, personalizzeremo lo stile dell’elenco numerato o ordinato:

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Stili elenco.

  3. Selezionare lo stile ol dall'elenco.

    Le proprietà dello stile precedente vengono visualizzate nel pannello Proprietà insieme alla relativa anteprima.

    {width="500"}

  4. Selezionare l'opzione Formattazione avanzata.

    Viene visualizzato un messaggio di conferma.

  5. Fai clic su Sì nel messaggio Conferma per aprire le proprietà Formattazione avanzata.

    Per impostazione predefinita, sono disponibili le seguenti proprietà:

    • Livello: per impostazione predefinita, sono disponibili 6 livelli di elenchi numerati. Il livello selezionato in questo elenco a discesa controlla le modifiche di stile sul livello selezionato e su tutti i livelli successivi. Ad esempio, se si seleziona il livello 4, tutte le modifiche di stile applicate vengono impostate sui livelli 4, 5 e 6.

    • Tipo di stile elenco: è possibile scegliere tra diversi stili di numerazione degli elenchi. L'elenco contiene gli stili di numerazione generici e specifici delle impostazioni internazionali utilizzati per creare un elenco numerato. Alcuni dei tipi di stile dell’elenco sono arabo, cambogiano, devanagari, etiope, hangul, ebraico, giapponese, coreano, cinese semplice, urdu e altro ancora.

    È inoltre possibile utilizzare le seguenti proprietà di formattazione avanzata:

    • Formato numero: il formato predefinito è impostato su <x>, in cui il valore x viene sostituito con lo stile di numerazione selezionato nella proprietà Tipo di stile elenco. Ad esempio, se hai selezionato lo stile decimal (1), il valore di x incrementi automatici per ogni istanza dell'elemento elenco e va come 2, 3 e così via. Puoi anche aggiungere testo personalizzato nel campo per formattare lo stile dell’elenco. Ad esempio, se si desidera che tutti gli stili di elenco di primo livello abbiano un suffisso ")", è necessario impostare questo campo per lo stile di elenco di primo livello come "<x>)".

    • Inserisci carattere: per aggiungere caratteri speciali nel formato numero, fare clic su Inserisci carattere ( {width="25"}). Selezionare il carattere desiderato che si desidera aggiungere nel formato di stile e fare clic su Inserisci. Nell'elenco a discesa Seleziona categoria sono disponibili diversi tipi di caratteri speciali.

    • Inserisci livello: è possibile includere il numero di uno qualsiasi dei livelli precedenti nel formato numerico. Ad esempio, se si desidera includere il formato numero del quinto livello nel formato numero del sesto livello, scegliere 5 nell'elenco a discesa Inserisci livello. Si noti che il menu a discesa Inserisci livello mostra i numeri dei soli livelli precedenti e non del livello seguente. Ad esempio, mentre si è al livello 3, l'elenco Inserisci livello mostrerà solo i livelli 1 e 2.

      {width="400"}

      È inoltre possibile modificare il Formato numero per presentare i valori dell'elenco in base alle esigenze. Ad esempio, quando si utilizza uno stile di numerazione nidificata per il livello 3, è possibile formattarlo come "<2>.<x>))". Verrà visualizzato l'elenco numero 2, seguito da un punto, seguito dall'elenco numero 3 e quindi da due parentesi, come 2.3)).

    • Rientro: per applicare un rientro all'elenco, è necessario impostare il valore di Rientro. Qualsiasi modifica al rientro può essere rivista nel pannello Anteprima e regolata.

      note note
      NOTE
      Potete immettere il valore in pixel (pixel), pt (punti), rem, em, % (percentuale) o in unità (pollici).

    • Larghezza prefisso: area occupata dal formato numero. Viene automaticamente impostato su una dimensione che può adattarsi facilmente al formato selezionato. Se desideri aumentare le dimensioni, puoi sostituire il valore predefinito.

      Quando imposti questo valore manualmente, prova a modificare le altre proprietà che avranno un impatto sulla larghezza. Ad esempio, modificare la dimensione del carattere, il formato con prefisso o suffisso e le varie proprietà del carattere per ottenere la dimensione ottimale.

    • Spaziatura: specificare la spaziatura orizzontale tra il formato del numero di elenco e il contenuto. La spaziatura verticale controlla lo spazio tra le due voci di elenco.

      La schermata seguente mostra l’elenco ordinato personalizzato per ogni livello:

      {width="500"}

Utilizzare lo stile di tabella table-styles

Utilizzando i fogli di stile, è possibile progettare n stili di tabella. Utilizzando gli stili di tabella, è possibile progettare l'intera tabella, una riga o colonna specifica. Con il controllo a livello di cella, è possibile creare stili di tabella molto presentabili.

Nell’esempio seguente viene illustrato come creare uno stile di tabella e le varie opzioni di stile che è possibile personalizzare:

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili fare clic con il pulsante destro del mouse su Stile tabella e scegliere Nuovo stile.

  3. Nella finestra di dialogo Aggiungi stile, mantieni il nome Tag come table e immetti double-border nel campo del nome Classe.

  4. Fai clic su Fine.

    Nell'elenco Stili tabella viene creato e aggiunto il nuovo stile di tabella table.double-border.

  5. Selezionare table.double-border dall'elenco Stili tabella e impostare le proprietà seguenti:

    • Applica formattazione a: è possibile scegliere di applicare la formattazione dello stile all'intera tabella, alle righe o alle colonne pari/dispari o alla prima/ultima riga o colonna.

      note note
      NOTE
      Le impostazioni seguenti sono disponibili nella sezione Generale quando Applica formattazione a è impostato su Intera tabella.

    • Testo a capo: selezionare la modalità di disposizione del testo attorno alla tabella. Questa funzione è utile quando la tabella si trova all’interno di un altro elemento a livello di blocco e deve essere sottoposta a rendering insieme ad altro contenuto nell’elemento del blocco. Le opzioni di wrapping sono left o right allineate o none.

    • Compressione bordo: selezionare l'aspetto del bordo della tabella. Se si seleziona Comprimi, tra le celle della tabella viene disegnata una sola linea di bordo. Tuttavia, per uno stile separato, il bordo è visibile attorno a ogni cella con una spaziatura aggiuntiva.

      {width="500"}

    • Spaziatura bordo: questa impostazione è disponibile solo quando Comprimi bordo è impostato su Separa. Questa impostazione consente di specificare la spaziatura verticale e orizzontale tra i bordi delle celle.

      {width="500"}

      note note
      NOTE
      Le impostazioni seguenti sono disponibili nella sezione Cella quando Applica formattazione a è impostato su Tabella intera.

    • Spaziatura interna: specificare la spaziatura tra le celle di una tabella. Potete specificare valori di spaziatura diversi per i lati superiore, inferiore, sinistro e destro.

    • Allineamento verticale: specificare l'allineamento verticale per il contenuto della cella. Le opzioni disponibili sono: Superiore, Medio e Inferiore.

    • Lato bordo, Stile, Colore, Larghezza, Raggio: Specificare le proprietà relative al bordo. È possibile scegliere di avere bordi solo su lati specifici, ad esempio Sinistra o Destra. In Stile bordo sono elencati gli stili di bordo disponibili, quali Solido, Tratteggiato, Linea doppia e altro ancora. Specificare il colore del bordo utilizzando la tavolozza dei colori. È possibile specificare lo spessore del bordo in pixel, pt, rem, em, % e in unità. Il raggio definisce la curva per creare angoli circolari.

    Le altre proprietà in Font, Border, Layout, Pagination e Background sono illustrate in altri esempi di questo argomento. A seconda della selezione effettuata nella proprietà Applica formattazione a, è possibile applicare questi valori all'intera tabella o alle righe o colonne selezionate.

    Di seguito è riportata un'anteprima di una tabella di esempio con righe diverse formattate in modo diverso:

    {width="500"}

Utilizzare altri stili other-styles

Se si utilizza contenuto strutturato (DITA), si noterà che quasi tutti gli elementi DITA hanno una mappatura di stile nel foglio di stile predefinito. Ad esempio, lo stile di un elemento <shortdesc> è definito nella definizione di stile Altro stile > .shortdesc. Puoi personalizzare facilmente uno di questi stili, che vengono applicati automaticamente nell’output PDF generato dal contenuto strutturato. A differenza di altri stili personalizzati, non è quindi necessario aggiungere un attributo outputclass al contenuto di questi stili.

Se si desidera creare una definizione di stile per un elemento non disponibile per impostazione predefinita o se si dispone di un elemento personalizzato, è possibile crearlo facilmente nel foglio di stile. L’unico punto da considerare è creare lo stile con lo stesso nome del nome dell’elemento strutturato.

Nell'esempio seguente verrà creato un nuovo stile per il titolo della finestra (wintitle):

  1. Aprire il foglio di stile richiesto per la modifica.

    note note
    NOTE
    Consulta la sezione Personalizzare uno stile predefinito o nuovo per aprire un foglio di stile per personalizzarlo o modificarlo.

  2. Nell'elenco Stili espandere Altri stili.

  3. Fai clic con il pulsante destro del mouse su Altro stile e scegli Nuovo stile.

  4. Nella finestra di dialogo Aggiungi stile, mantieni il nome Tag come blank e immetti wintitle nel campo del nome Classe.

    Poiché wintitle è un nome di elemento DITA riconosciuto, la relativa definizione di stile viene mappata automaticamente all'elemento <wintitle> nell'origine.

  5. Fai clic su Fine.

    Un nuovo stile denominato .wintitle è stato creato e aggiunto all'elenco Altri stili.

  6. Selezionare .wintitle dall'elenco Altri stili e impostare le proprietà in base alle esigenze.

La schermata seguente mostra lo stile wintitle applicato al testo "Controllo primario".

{width="500"}

Definire uno stile univoco per il layout di una singola pagina

Durante la pubblicazione dell’output di PDF nativo, tutti gli stili vengono uniti nel PDF finale ed è fondamentale assegnare uno stile univoco a ciascun modello all’interno del CSS.
Utilizza nomi di stile CSS distinti per applicare font e stili specifici a sezioni diverse di un PDF. Ad esempio, puoi definire il font desiderato per il frontespizio utilizzando il seguente CSS.

...
[data-page-layout="Front"] * {
    font-size: 18pt;
}
...

Il resto del documento utilizzerà il tipo di carattere predefinito specificato per il tag body in content.css o layout.css. In questo modo gli stili non verranno uniti e ogni sezione manterrà il design previsto. Se si desidera utilizzare tipi di carattere di dimensioni diverse, creare stili specifici per tali caratteri.

Ad esempio, è possibile definire i seguenti stili per definire la dimensione del carattere 18 nei paragrafi del frontespizio e la dimensione del carattere 11 pt per il frontespizio posteriore:

[data-page-layout="Front"] p { //For all paragraphs inside Front page
  font-size: 18pt;
}

[data-page-layout="Back"] p { //For all paragraphs inside Back page
  font-size: 11pt;
}
NOTE
Nell'esempio precedente, "Front" e "Back" sono i nomi di esempio dei file di layout che è possibile utilizzare nei modelli.

Definire uno stile CSS personalizzato per il contenuto di prefissi e suffissi

Se definisci gli stili CSS personalizzati, viene data loro la prima precedenza durante la generazione dell’output di PDF nativo.
Il seguente stile CSS predefinito nasconde sia il contenuto del prefisso che quello del suffisso.

...
.prefix-content, .suffix-content{
    display: none;
}
...

Per consentire questi prefissi nell'elemento <note>, includere i seguenti CSS in content.css:

...
.prefix-content{
    display: inline !important;
}
...

L'elemento <note> genera un elemento <span> aggiuntivo con il prefisso-contenuto della classe corrispondente al relativo attributo type. Questa regola CSS esegue il targeting della classe .prefix-content all'interno di elementi <note> con un attributo di tipo, che consente di formattare o modificare il contenuto del prefisso in base alle esigenze.

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178