CSS'de kalın ve italik nasıl birleştirilir?

Question

This W3Schools tutorial, CSS font-style özelliğinin, metin kalınlaştırmayı (eski moda HTML'de <b&g>this</b> eşdeğer) ve metin italik (eski moda HTML'de <i>this</i> eşdeğerine) nasıl yapılacağını öğretti. Ancak, aynı anda hem metinlerin hem özellikleri hem de (eski moda HTML'de <b><i>this</i></b> eşdeğerine eşdeğer) bir yere nasıl ulaşabileceğimiz herhangi bir yer bulamıyorum gibi görünüyor.

Bunu saf CSS kullanarak yapmanın bir yolu var mı?

Bu denedim:

font-style: italic bold; 

sonuç sayfası hem özelliklerini göz ardı olduğuydu ve ben bu özellik belirtilen asla sanki öyleydi.

font-style: italic; bold; 

Bu sefer ne oldu ilk stil kullanılır düşünüyoruz: Bu çalıştı

font-style: italic, bold; 

Ben farklı bir sonuç var: Bu çalıştı

Ben aynı sonuçları var verilen (italik) ama ikinci (koyu) göz ardı.

Bu, saf css ile yapılabilir mi?

Answer 1

Çok yakındınız.

italicfont-style ile birlikte kullanılır; kalın ise font-weight ile kullanılır.

Kullanım:

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

Answer 2

bu koda göz atın:

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

Answer 3

font-style tek değer bir özelliktir. Zaten bold, font ağırlıklıdır. Birden çok değeri birleştirmek için shorthand font özelliğini kullanabilirsiniz. Ancak, font shorthand gerekli girişlere sahiptir: font-size ve font-family. Bunların ikisini de kısa yoldan eklemezseniz, özellik göz ardı edilir.

Bunları font kısayoluna italic bold ile birlikte ekleyin ve çalışması gerekir.

Answer 4

W3Schools kötü diğer nedeni, sen italik ayarlamak font-style cesur ayarlamak için font-weight kullanıyor ve edilmelidir.

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

Answer 5

Sen bu 2 özelliklerini

kullanarak italik ve kalın yazı tipi olabilir

font-style : italic 
font-weight : bold 

font-weight doc: W3Schools font-weight

font-style doc: W3Schools font-style