Welcome to the CSS Examples Page
This website houses some important CSS properties and provides users with a way to play around and test different properties in real time. Although, this website doesn't cover all the CSS properties yet, these are some of the few that will come in handy for CSE 154! I hope you have fun! :)
You can use the nav bar links to navigate through the website. However, a more thorough list of code and examples available right now can be found below:
Background Properties
- Background Attachment - Background Attachment dictates how the background changes when you scroll across a webpage.
- Background Image - The Background image property helps us set the background-image on elements.
- Background Repeat - The Background Repeat property determines how the background image will be repeated through the entire webpage.
- Background Size - The Background Size property helps us set the size of the background image.
Border Properties
- Border Width - Helps set the width of the border around an element.
- Border Style - Helps set the style of the border around an element.
- Border Color - Helps set the color of the border around an element.
- Border Property - shorthand - The shorthand property (border) can help set various details about the border with a single property.
- Border Radius - Helps set the radius of the corners of the border around an element.
Color Properties
- Background Color - The Backgrond-color property helps us set the background color on elements.
- Color (Foreground) - The Color property is used to specify the text (foreground) color of any element it is applied to.
Font Properties
- Font Family - The Font Family property is used to specify the font of the text the style is applied to.
- Font Size - The Font Size property is used to specify the size of the font of the text the style is applied to.
- Font Style - The Font Style property is used to set how a text appears on the webpage (oblique/italic, etc.)
- Font Weight - The Font Weight property can be used to specify how thick a certain text appears.
Text Properties
- Text Align - The Text Align property can be used to set how text within an element is aligned with reference to the boundaries of the element.
- Text Indent - The Text Indent property can be used to set the indentation of the first line of any text.
- Text Shadow - The Text Shadow property is used to specify the shadow to a text element.
- Text Transform - The Text Transform property determines the casing of the text we set the property to.