
- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
CSS position: static;
The position: static; property sets the position of an element static, which is the default.
Example
The top, bottom, left, and right properties does not affect the the static positioned elements. You can try to run the following code to implement the CSS position: static; property
<!DOCTYPE html> <html> <head> <style> div.static { position: static; border: 3px solid blue; } </style> </head> <body> <h1>Positioning Element</h1> <div class="static"> div element with position: static; </div> </body> </html>
Output
- Related Articles
- Static Positioning in CSS
- Static Positioning Using CSS
- CSS position: relative;
- CSS position: fixed;
- CSS position: absolute;
- CSS position: sticky;
- Role of CSS position: sticky;
- object-position Property in CSS
- Setting Background Position in CSS
- Setting Background Position using CSS
- Position your HTML element with CSS
- Usage of background-position property in CSS
- Set the Background Image Position with CSS
- Usage of CSS list-style-position property
- How to position tooltips correctly with CSS

Advertisements