Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of "how to convert English lowercase to uppercase in css". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to convert English lowercase to uppercase in css" can help you solve the problem.

Conversion method: 1, add "text-transform: uppercase;" style to the English element, all the English letters can be capitalized; 2, add the "text-transform:capitalize;" style to the English element, you can capitalize the first letter of each word in the English text.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css converts English from lowercase to uppercase

In css, you can use the text-transform attribute to convert lowercase letters (text) to uppercase.

It can be divided into two situations:

All English letters are capitalized: use the "text-transform: uppercase;" style

Capitalize the first letter of each word in the English text: use the "text-transform: capitalize;" style

Implementation example:

Document p {font-variant: small-caps; / * sets the paragraph to a small uppercase font (that is, the text remains the same size, but the text becomes uppercase) * /} span [first] {text-transform: capitalize / * changes the first letter of each word to uppercase. * / / * capitalize can make the first letter of each word uppercase * / / * uppercase definition only uppercase letters * / * lowercase definition no uppercase letters, only lowercase letters * / * inherit states that the value of the text-transform attribute should be inherited from the parent element. * /} span [second] {text-transform: uppercase / * capitalize all letters. * / / * capitalize can make the first letter of each word uppercase * / / * uppercase definition only uppercase letters * / * lowercase definition no uppercase letters, only lowercase letters * / * inherit states that the value of the text-transform attribute should be inherited from the parent element. * /}

Hello

Heloodj sdKUv dIfvh heloodj sDFuv difvh

Description: text-transform attribute

The text-transform property controls the case of English text.

Property values that can be set:

The value description none defaults. Define standard text with lowercase and uppercase letters. Each word in capitalize text begins with an uppercase letter. The uppercase definition has only uppercase letters. The lowercase definition has no uppercase letters, only lowercase letters. This is the end of the introduction of "how to convert lowercase to uppercase in css". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.