1. Zuhause
  2. Frage und Antwort
  3. Wie kombiniere ich fett und kursiv in CSS?

Wie kombiniere ich fett und kursiv in CSS?

2016-07-05 25 views
13

This W3Schools tutorial brachte mir bei, wie man die CSS font-style Eigenschaft verwendet, um Text fett zu machen (entspricht <b&g>this</b> in altmodischem HTML) sowie wie man Text kursiv macht (entspricht <i>this</i> in altmodischem HTML).Wie kombiniere ich fett und kursiv in CSS?

Allerdings kann ich nirgends finden, wie Text beide Eigenschaften gleichzeitig haben (entspricht <b><i>this</i></b> in altmodischer HTML).

Gibt es eine Möglichkeit, dies mit reinem CSS zu tun?

Ich habe dies versucht:

font-style: italic bold;

Das Ergebnis war, dass die Seite beiden Eigenschaften ignoriert, und es war, als ob ich überhaupt nicht diese Eigenschaft angegeben.

habe ich die gleichen Ergebnisse, wenn ich das versucht:

font-style: italic, bold;

bekam ich ein anderes Ergebnis, als ich das versucht:

font-style: italic; bold;

Dieses Mal passiert, was ist, dass es die erste Art verwendet gegeben (kursiv) aber ignoriert die zweite (fett).

Kann dies mit reinem CSS geschehen?

Quelle

2016-07-05 Sophia_ES

+0

Bold ist ein Wert für font-weight, nicht font-style – j08691

+0

Woher hast du "fett" in der Seite gelesen, die du verlinkt hast? –

Antwort

54

Sie waren in der Nähe.

italic wird mit font-style verwendet, wobei fett mit font-weight verwendet wird.

Verwendung:

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

Quelle

2016-07-05 14:19:25

+0

Vielen Dank. :-) Ich habe gerade Ihren Vorschlag ausprobiert, und es hat perfekt funktioniert. :-) –

0

Bitte haben Blick auf diesen Code:

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

Quelle

2016-07-05 14:18:37 vignesh

2

font-style ist ein Single-Wert Eigenschaft. bold ist sowieso font-weight. Um mehrere Werte zu kombinieren, können Sie die Kurzbezeichnung font verwenden. Die Kurzschrift font hat jedoch erforderliche Einträge: font-size und font-family. Wenn Sie beide nicht in die Kurzschrift aufnehmen, wird die Eigenschaft ignoriert.

Fügen Sie diese in Ihrem font Kurzschrift zusammen mit italic bold und es sollte funktionieren.

Quelle

2016-07-05 14:19:22 TylerH

+0

Downvoter Care zu kommentieren, was Sie Problem mit hier finden? – TylerH

1

Ein weiterer Grund, warum W3Schools schlecht ist, sollten Sie font-weight verwenden fett zu setzen und font-style kursiv zu setzen.

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

Quelle

2016-07-05 14:20:18 epascarello

+1

Nicht w3schools zu verteidigen, aber sie erwähnen nicht "fett" auf ihrer 'font-style' Seite. – j08691

+0

Durch die Op-Anweisung scheint es so zu sein. – epascarello

+0

Ich mag W3Schools auch nicht wirklich, aber dieses Mal ist es nicht ihre Schuld. "Fett" wird nirgends in der Verknüpfung des OP erwähnt. –

 Verwandte Themen

  • Keine verwandten Themen^_^