Home > Article > Web Front-end > How to cancel text tilt in html5
How to cancel text tilt in html5
- WBOYOriginal
- 2021-12-17 18:00:142353browse
In HTML5, you can use the style attribute to add the "font-style:normal" style to the tilted text elements to cancel the text tilting effect. The syntax is "
Italic text ".
The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.
How to cancel text tilt in html5
In HTML5, if you want to cancel the text tilt effect, you can use the style attribute and font-style attribute .
The style attribute is used to set the style of italic text, and the font-style attribute is used to set the font style of italic fonts.
When the value of the font-style attribute is set to "normal", the italic font style will be cancelled.
The example is as follows:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p>这一段应该是<i>斜体</i>样式</p> <p>这一段设置不<i style="font-style:normal">倾斜</i>的样式</p> </body> </html>
Output result:
Recommended tutorial: "html video tutorial"
The above is the detailed content of How to cancel text tilt in html5. For more information, please follow other related articles on the PHP Chinese website!