Heim  >  Artikel  >  Web-Frontend  >  Detailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung

Detailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung

黄舟
黄舟Original
2017-07-26 14:34:341994Durchsuche

Früher haben wir JS verwendet, um die Großschreibung des Anfangsbuchstabens zu implementieren, aber jetzt ist es nicht mehr notwendig, dass CSS es vollständig implementieren kann, seit IE6.

Texttransformation: keine |. Großbuchstaben

keine Transformation:

Keine Transformation. Wandeln Sie den ersten Buchstaben des Wortes in Großbuchstaben um

Großbuchstaben: Detailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung

Jedes Wort in Großbuchstaben umwandeln
<style>
  #box{
    text-transform:capitalize;
  }
</style>
<p id="box">css javascript html5</p>

Kleinbuchstaben: Detailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung

Konvertieren jedes Wort in Kleinbuchstaben
#box{
  text-transform:uppercase;
}
<p id="box">css javascript html5</p>


Es ist so einfach, dass es schwer ist, mehr zu sagen. Detailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Verwendung von Texttransformation in CSS zum Konvertieren von Groß- und Kleinschreibung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn