Condividi tramite


Nuove finestre Stile e Modifica stile, Tabella

La categoria Tabella delle finestre di dialogo Nuovo stile e Modifica stile consente di definire le regole di stile CSS per una tabella. È possibile applicare direttamente queste regole di stile agli elementi HTML o aggiungerle alla pagina corrente o a un foglio di stile esterno.

Per definire una regola di stile CSS per le tabelle di elementi dell'interfaccia utente nella pagina corrente

  1. Aprire la pagina in visualizzazione Progettazione o Origine.

  2. Facoltativamente, selezionare il testo o gli elementi HTML a cui applicare lo stile.

  3. Scegliere Nuovo stile dal menu Formato.

    Verrà visualizzata la finestra di dialogo Nuovo stile.

  4. Nel riquadro Categoria selezionare Tabella.

    Le selezioni dello stile di tabella vengono visualizzate nel riquadro di destra.

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

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

  1. Aprire un foglio di stile esterno esistente.

  2. Inserire il cursore all'interno delle parentesi graffe della regola di stile da modificare.

  3. Effettuare una delle seguenti operazioni.

    • Fare clic con il pulsante destro del mouse sul foglio di stile nell'editor quindi scegliere dal menu di scelta rapida, scegliere Stile di compilazione.

    • Nella barra degli strumenti del foglio di stile scegliere Stile di compilazione.

    Verrà visualizzata la finestra di dialogo Modifica stile.

  4. Nel riquadro di sinistra fare clic su Tabella.

    Le selezioni dello stile di tabella vengono visualizzate nel riquadro di destra.

È possibile applicare una classe di stile CSS a un elemento della pagina Web o all'elemento body stesso impostando la proprietà class dell'elemento sul nome del selettore della classe.

Nelle tabelle seguenti sono elencate le opzioni disponibili nella categoria Tabella delle finestre di dialogo Nuovo stile e Modifica stile.

Opzioni tabella

  • table-layout
    Modalità di ridimensionamento delle colonne di tabella. I valori sono i seguenti:

    • auto (impostazione predefinita)    La larghezza delle colonne viene impostata in base al contenuto delle celle.

    • fixed   La larghezza delle colonne viene impostata in base alla larghezza della tabella e alla larghezza impostata per ogni colonna.

    • inherit   L'elemento eredita la proprietà table-layout da un elemento padre.

  • border-collapse
    Indica se i bordi tra le celle di tabella verranno compressi in un solo bordo o se ogni cella avrà un proprio bordo.

  • border-spacing
    Distanza tra i bordi di celle adiacenti. Questa proprietà è riservata ai bordi separati. Se si specifica un valore, è possibile selezionarne le unità nell'elenco.

  • empty-cells
    Indica se le celle vuote saranno nascoste o visualizzate.

  • caption-side
    Indica se all'inizio o alla fine della tabella comparirà una didascalia.

Altri elementi dell'interfaccia utente

  • Selettore
    (Solo finestra di dialogo Nuovo stile) Consente di digitare un nome di classe o fare clic su un elemento HTML a cui applicare lo stile. I nomi di classe devono iniziare con un punto (.). È anche possibile selezionare (stile in linea), così da fare in modo che lo stile sia applicato in linea al testo o agli elementi HTML selezionati.

  • Definisci in
    (Solo finestra di dialogo Nuovo stile) Consente di specificare dove scrivere la definizione della regola di stile. I valori sono i seguenti:

    • Pagina corrente   La regola di stile viene scritta in un elemento style della pagina corrente.

    • Nuovo foglio di stile   Al progetto viene aggiunto un nuovo foglio di stile CSS e vi viene scritta la regola.

    • Foglio di stile esistente   La regola di stile viene aggiunta al foglio di stile CSS specificato utilizzando l'elenco URL.

  • URL
    (Solo finestra di dialogo Nuovo stile) Consente di selezionare un foglio di stile CSS esistente. Questa opzione è abilitata solo quando Definisci in è impostato su Foglio di stile esistente.

  • Applica nuovo stile alla parte selezionata del documento
    (Solo finestra di dialogo Nuovo stile) Specifica che lo stile viene applicato al testo, alla classe o all'elemento HTML selezionato.

  • Anteprima
    Visualizza un esempio di come la regola di stile apparirà una volta applicata.

  • Descrizione
    Mostra la definizione CSS della regola di stile.

Vedere anche

Altre risorse

Cenni preliminari sull'utilizzo di CSS