CSS PADDING-RIGHT
0This property controls the size of the right padding of an element’s rendering box. Negative values are not allowed. Example blockquote { padding-right: 3em }
This is some textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [length] Refers to either an absolute measurement or a relative measurement based on the current element’s font size. [percentage] Refers to a percentage of the width of the current element’s containing block.
CSS PADDING-TOP
0This property controls the size of the top padding of an element’s rendering box. Negative values are not allowed.
Example blockquote { padding-top: 3em }This is some textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [length] Refers to either an absolute measurement or a relative measurement based on the current element’s font size. [percentage] Refers to a percentage of the width of the current element’s containing block.
CSS MARGIN-LEFT
0This property controls the size of the left margin of an element’s rendering box. Negative values are allowed. Margins are transparent and the background value of the parent element shines through.Collapsing margins: adjoining horizontal margins between elements should not collapse.
Example h5 { margin-left: 1.0cm }This is some text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto This value specifies that a value determined by the browser be used for this property. [length] Refers to either an absolute measurement or a relative measurement based on the current element’s font size. [percentage] Refers to a percentage of the width of the current element’s containing block.CSS MARGIN-BOTTOM
0This property controls the size of the bottom margin of an element’s rendering box. Negative values are allowed. Margins are transparent and the background value of the parent element shines through.Collapsing margins: adjoining vertical margins between regular-flow elements may collapse; The larger of adjacent margin values is used. If the adjacent margins are all negative, the larger of the negative values is used. If positive and negative vertical margins are adjacent, the value should be collapsed thus: the largest of the negative margin values should be subtracted from the largest positive margin value.
Example blockquote { margin-bottom: 3.0in }This is some textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto This value specifies that a value determined by the browser be used for this property. [length] Refers to either an absolute measurement or a relative
CSS MARGIN-RIGHT
0This property controls the size of the right margin of an element’s rendering box. Negative values are allowed. Margins are transparent and the background value of the parent element shines through.Collapsing margins: adjoining horizontal margins between elements should not collapse.
Example h1 { margin-right: auto }This is some text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto This value specifies that a value determined by the browser be used for this property. [length] Refers to either an absolute measurement or a relative measurement based on the current element’s font size. [percentage] Refers to a percentage of the width of the current element’s containing block.CSS MARGIN-TOP
0This property controls the size of the top margin of an element’s rendering box. Negative values are allowed. Margins are transparent and the background value of the parent element shines through.Collapsing margins: adjoining vertical margins between regular-flow elements may collapse; The larger of adjacent margin values is used. If the adjacent margins are all negative, the larger of the negative values is used. If positive and negative vertical margins are adjacent, the value should be collapsed thus: the largest of the negative margin values should be subtracted from the largest positive margin value. Example address { margin-top: 33% }
This is a test Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto This value specifies that a value determined by the browser be used for this property. [length] Refers to either an absolute measurement or aCSS Z-INDEX
0Positioning of elements in CSS occurs in three dimensions, not just two. The third dimension is perpendicular to the screen, giving the screen a sense of depth. Elements can be overlapped, with “higherâ€, or “closer†elements obscuring elements that are “lower†or “farther away†(element transparency becomes an important issue with this capability.) The placement of elements along this third ‘z-axis’ is exactly what this property controls.
Each element’s rendering box is automatically assigned an integer z-index stacking level based on its context in the document. Boxes with greater z-axis numbers will appear in front of boxes with lower z-axis numbers (’0′ and negative numbers are allowed.)
Explicitly setting the ‘z-index’ property for an element box not only sets its z-position relative to other element boxes in its current context, it also initiates a new stacking context hierarchy, in which the current element box and its child elements partake.
If More >
CSS CLIP
0A clipping area describes the portions of an element’s rendering box that are visible (when an element’s ‘overflow’ property is not set to ‘visible’.)Parent element clipping regions also apply to calculating a current element’s clipping area; in cases where multiple clipping regions apply to an element, only the intersection of the multiple regions should be displayed. Be sure to take careful note of the syntax, source origin and what the measurements, as they confused me for a long time!
Example p { overflow: scroll; position: absolute; width: 50px; height: 50px; clip: rect(5px 40px 40px 5px) }some formatted text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto The clipping region is the same size as the element’s rendering box. [shape] rect([top] [right] [bottom] [left])