freeCodeCamp's Use the text-transform Property to Make Text Uppercase, Applied Visual Design,

Channel:
United States We Will Code
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=WYnThDSydrQ


Duration: 2:08
61 views
3

In this freeCodeCamp lesson from the Applied Visual Design course, we look at the text-transform property. Using the text-transform property allows us to transform text by giving it a specific value. The values we learn about for text-transform are: lowercase, uppercase, capitalize, initial, inherit, and none. We can transform our text and make it all lowercase with the "lowercase" property. We can conversely make all text uppercase with the the "uppercase" property. The "capitalize" property will make all text capital. The "initial" value for transforming text will use the default value given while the "inherit" property will inherith the value from the parent element and finally the none attribute will use the default which is the original text of the element.



Other Videos By We Will Code


2018-09-15freeCodeCamp's Lock an Element to the Browser Window with Fixed Positioning, Applied Visual Design
2018-09-15freeCodeCamp's Push Elements Left or Right with the float Property, Applied Visual Design
2018-09-15freeCodeCamp's Lock an Element to its Parent with Absolute Positioning, Applied Visual Design
2018-09-14freeCodeCamp's Move a Relatively Positioned Element with CSS Offsets, Applied Visual Design
2018-09-12freeCodeCamp's Change an Element's Relative Position, Applied Visual Design
2018-09-11freeCodeCamp's Adjust the Hover State of an Anchor Tag, Applied Visual Design
2018-09-10freeCodeCamp's Set the line-height of Paragraphs, Applied Visual Design
2018-09-09freeCodeCamp's Set the font-size of paragraph Text, Applied Visual Design
2018-09-09freeCodeCamp's Set the font-weight for Multiple Heading Elements, Applied Visual Design
2018-09-08freeCodeCamp's Applied Visual Design, Set the font-size for Multiple Heading Elements
2018-09-08freeCodeCamp's Use the text-transform Property to Make Text Uppercase, Applied Visual Design,
2018-09-07freeCodeCamp's Applied Visual Design, Decrease the Opacity of an Element
2018-09-07freeCodeCamp's Applied Visual Design, Add a box-shadow to a Card-like Element
2018-09-07freeCodeCamp's Applied Visual Design, Adjust the Size of a Header Versus a Paragraph Tag
2018-09-06freeCodeCamp's Applied Visual Design, Adjust the background-color Property of Text
2018-09-06freeCodeCamp's Applied Visual Design, Create a Horizontal Line Using the hr Element
2018-09-05freeCodeCamp's Applied Visual Design, Use the s Tag to Strikethrough Text
2018-09-04freeCodeCamp's Use the em Tag to Italicize Text
2018-09-04freeCodeCamp's Use the u Tag to Underline Text
2018-09-01freeCodeCamp's Applied Visual Design, Use the Strong Tag to Make Text Bold
2018-09-01freeCodeCamp's Adjust the Height of an Element Using the Height Property


Tags:
transform text
uppercase property
freeCodeCamp tutorial
text-transform properties
transforming text
css text transform