2016-07-05 78 views
13

This W3Schools tutorial mi ha insegnato come utilizzare la proprietà CSS font-style per rendere il testo in grassetto (equivalente a <b&g>this</b> in HTML vecchio stile) e come rendere il testo in corsivo (equivalente a <i>this</i> in HTML vecchio stile).Come combinare grassetto e corsivo nei CSS?

Tuttavia, non riesco a trovare da nessuna parte il modo in cui il testo ha entrambe le proprietà allo stesso tempo (equivalente a <b><i>this</i></b> in HTML vecchio stile).

C'è un modo per farlo utilizzando puro CSS?

Ho provato questo:

font-style: italic bold; 

Il risultato è stato che la pagina ignorato entrambe le proprietà, ed era come se non ho mai specificata questa proprietà a tutti.

ho ottenuto gli stessi risultati quando ho provato questo:

font-style: italic, bold; 

ho ottenuto un risultato diverso quando ho provato questo:

font-style: italic; bold; 

Questa volta, quello che è successo è che ha usato il primo stile dato (in corsivo) ma ignorato il secondo (in grassetto).

Questo può essere fatto con puro css?

+0

Bold è un valore per font-weight, not font-style – j08691

+0

dove hai letto "bold" nella pagina che hai linkato? –

risposta

54

Eri vicino.

italic viene utilizzato con font-style mentre il grassetto viene utilizzato con font-weight.

Usa:

font-weight: bold; 
font-style: italic; 
+0

Grazie mille. :-) Ho appena provato il tuo suggerimento, e ha funzionato perfettamente. :-) –

0

Si prega di avere un'occhiata a questo codice:

font: italic bold 12px/30px Georgia, serif; 
2

font-style è una struttura a valore singolo. bold è un font-weight, comunque. Per combinare più valori, è possibile utilizzare la proprietà stenografica font. Tuttavia, la stenografia font ha richiesto le voci: font-size e font-family. Se non includi entrambi nella stenografia, la proprietà verrà ignorata.

Includere questi nella stenografia font insieme a italic bold e dovrebbe funzionare.

+0

Chiedete a downvoter di commentare i problemi riscontrati qui? – TylerH

1

Un'altra ragione per cui W3Schools è male, si dovrebbe utilizzare per impostare font-weight audace e font-style per impostare il corsivo.

font-weight: bold; 
font-style: italic; 
+1

Non per difendere w3schools ma non menzionano 'bold' sulla loro pagina' font-style'. – j08691

+0

Secondo la dichiarazione dell'Op, sembra come è stato. – epascarello

+0

Non mi piace molto neanche W3Schools, ma questa volta non è colpa loro. "bold" non è menzionato da nessuna parte nel link dell'OP. –

Problemi correlati