Make font all caps css

ethmz

Code: CSS

2021-02-20 02:50:54

/*
The text-transform property controls the capitalization of text.
*/

CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

/*
none		-> No capitalization. The text renders as it is. This is default	
capitalize	-> Transforms the first character of each word to uppercase	
uppercase	-> Transforms all characters to uppercase	
lowercase	-> Transforms all characters to lowercase	
initial	    -> Sets this property to its default value. Read about initial	
inherit	    -> Inherits this property from its parent element. Read about inherit
*/

Example
Transform text in different <div> elements:

div.a {
  text-transform: uppercase;
}

div.b {
  text-transform: lowercase;
}

div.c {
  text-transform: capitalize;
}

/* For more you can refer https://www.w3schools.com/cssref/pr_text_text-transform.asp*/

12

Yang Welty

Code: CSS

2021-02-06 09:22:20

.class_name {
  text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
}

4

Tom Church

Code: CSS

2021-02-20 02:51:40


  
div.a {
  text-transform: uppercase;
}


div.b {
  text-transform: lowercase;
}


div.c {
  text-transform: capitalize;
}

1

Iris

Code: CSS

2021-02-06 09:20:13

.link {
  text-transform: lowercase;
}

.link::first-line {
  text-transform: capitalize;
}

-1

Tags

Related

New to Communities?