html - style - ¿Cómo combinar negrita y cursiva en CSS?
sup html (5)
Estabas cerca
italic
se usa con font-style
mientras que la negrita se usa con font-weight
.
Utilizar:
font-weight: bold;
font-style: italic;
Este tutorial de W3Schools me enseñó a usar la propiedad de font-style
CSS para poner el texto en negrita (equivalente a <b&g>this</b>
en HTML antiguo) así como a cómo hacer texto en cursiva (equivalente a <i>this</i>
en HTML antiguo).
Sin embargo, parece que no puedo encontrar en ninguna parte cómo hacer que el texto tenga ambas propiedades al mismo tiempo (equivalente a <b><i>this</i></b>
en HTML antiguo).
¿Hay alguna manera de hacer esto usando CSS puro?
He intentado esto:
font-style: italic bold;
El resultado fue que la página ignoró ambas propiedades y fue como si nunca hubiera especificado esta propiedad en absoluto.
Obtuve los mismos resultados cuando intenté esto:
font-style: italic, bold;
Obtuve un resultado diferente cuando probé esto:
font-style: italic; bold;
Esta vez, lo que sucedió es que usó el primer estilo dado (cursiva) pero ignoró el segundo (negrita).
¿Se puede hacer esto con css puro?
Otra razón por la que W3Schools es malo, deberías usar font-weight para establecer negrita y font-style para configurar cursiva.
font-weight: bold;
font-style: italic;
Por favor, mira este código:
font: italic bold 12px/30px Georgia, serif;
Puedes tener una fuente en cursiva y negrita usando esas 2 propiedades
font-style : italic
font-weight : bold
font-weight doc: W3Schools font-weight
fuente de estilo doc: W3Schools fuente de estilo
font-style
es una propiedad de un solo valor. bold
es fuente de peso, de todos modos. Para combinar varios valores, puede utilizar la propiedad de font
abreviada. Sin embargo, la taquigrafía de la font
ha requerido entradas: font-size
font-family
. Si no incluye estos dos en la taquigrafía, la propiedad se ignorará.
Incluya estos en su taquigrafía de font
junto con italic bold
y debería funcionar.