How to cancel text tilt in html5

WBOY
Release: 2021-12-17 18:00:14
Original
2411 people have browsed it

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".

How to cancel text tilt in html5

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>
Copy after login

Output result:

How to cancel text tilt in html5

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template