CSS UNICODE-BIDI
0Text in some languages flows from right to left, while many other languages flow from left to right. There will inevitably be cases where left to right text and right to left content must be intermingled. Unicode allows for a complex process of determining the directional flow of content based on properties of the characters and content, as well as explicit controls for language “embeddings†and directional overrides. This algorithm should be used with bi-directional content as formatted by CSS. The ‘unicode-bidi’ and ‘direction’ properties specify how document content maps to the Unicode algorithm.
Example div { unicode-bidi: embed; direction: rtl }CSS ACCELERATOR
0This property is a strange and very specific Microsoft beast. Microsoft, beginning in Windows 2000, has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed (then the accelerator underline hint is displayed.) This property should have no effect in previous Microsoft OS versions, and if this system capability is turned off (or “onâ€, depending on how you look at it), it will also have no effect.While this works for underlined elements (the HTML “U†element), it also seems to work for any element, although a different pseudo-underline color seems to be generated in such cases.
Example u { accelerator: true }CSS Border
0This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for all the borders of an element’s rendering box at once. Unlike the ‘margin’ and ‘padding’ properties, this property cannot specify different values for each side. To do this, use the properties for each side instead (’border-top’, ‘border-right’, ‘border-bottom’ and ‘border-left’.)
Example blockquote { border: medium dashed #ff0000 }This is some textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [border-width] Uses a [border-width] value to render the border for an element’s rendering box. [border-style] Uses a [border-style] value to render the border for an element’s rendering box. [border-color] Uses a [border-color] value to render the border for an element’s rendering box.
CSS Padding
0This is a shorthand property which allows an author to specify ‘padding-top’, ‘padding-right’, ‘padding-bottom’, and ‘padding-left’ properties using a single property and value notation (the values are given in this order separated by spaces.) If one or more of the values are not present, the value for a missing side is taken from the opposite side that is present. If only one value is listed, it applies to all sides. The rendered surface of the padding area is taken from the ‘background’ property.
Example body { padding: 5px 5px 2px 25px }this is some content
Possible 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
0This is a shorthand property which allows an author to specify ‘margin-top’, ‘margin-right’, ‘margin-bottom’, and ‘margin-left’ properties using a single property and value notation (the values are given in this order separated by spaces.) If one or more of the values are not present, the value for a missing side is taken from the opposite side that is present. If only one value is listed, it applies to all sides.CSS margins are transparent and the background value of the parent element shines through. Negative values are allowed for each margin value of this property, which opens the way for text overlays to be created.
Example body { margin: 5px 0px 2px 25px }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 browserCSS TOP
0This describes the vertical offset for the top edge of the absolutely positioned element box from the top edge of the element’s containing block. For relatively positioned boxes, the offsets are relative to where the box would appear normally in the document flow. Positive values are below the parent block’s top edge and negative values are above.
Example h2 { display: block; position: absolute; top: 20px; right: 50px; bottom: 20px; left: 50px }content
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto Default offset in the regular layout of the page. [length] Refers to an absolute distance from the reference containing block. Negative values are allowed. [percentage] Refers to a percentage of the height of the parent containing block. If the parent containing block does not have an explicit value, this value is interpreted like ‘auto’.CSS Dimensions
0This property specifies the width of an element’s rendering box for block-level and replaced elements. Negative values are not allowed.In addition to the ‘width’ property, two other properties – ‘min-width’ and ‘max-width’ – place constraints on the allowed value for an element’s rendering box width. The ‘width’ value is first computed without consideration for these other two properties. If the computed value is greater than the ‘max-width’ value or less than the ‘min-width’ value, the width is re-calculated using the ‘max-width’ or ‘min-width’ as the new ‘width’ value.
Example img.class1 { height: 75px; width: 75px }Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. auto The width is determinant on the values of other properties. [length] Refers to an absolute measurement for the computed element box width. Negative values are not allowed. [percentage] Refers to a