CSS font-style Property
Description
The font-style property allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.
- Initial value
- normal
- Applies to
- All elements
- Inherited
- Yes
- Media
- Visual
- Computed value
- As specified
- Animatable
- No
- CSS Version
- CSS1, CSS2, CSS3
- JavaScript syntax
- object.style.fontStyle
Syntax
font-style: normal | italic | oblique
Values
- normalSelects a face that is classified as a normal face, one that is neither italic or obliqued.
- italicSelects a font that is labeled as an italic face, or an oblique face if one is not.
- obliqueSelects a font that is labeled as an oblique face, or an italic face if one is not.
- inherit
Example
<p>The font is displayed in the usual style.</p>
<p class="test">The font is displayed in italics.</p>
<p class="test2">The font is displayed as inclined.</p> .test {
font-style: italic;
}
.test2 {
font-style: oblique;
}Give it a Try
Click the button below to experiment with this property.
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 4 | 12 | 1 | 1 | 7 | 1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 1 | 18 | 4 | 10.1 | 1 | 1.0 |
Last updated by CSSPortal on: 1st November 2019
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL