Category: 2. CSS Properties

  • CSS zoom Property

    The zoom property is used to scale the content. For scaling the content, you can also use the transform property set to “scale()”. Initial Value normal Applies to All elements. Inherited No. Animatable Yes. Version Safari CSS Reference. DOM Syntax object.style.zoom = “4”; Syntax Example of the zoom property: Result Values Value Description normal Specifies the normal size of the element.…

  • CSS z-index Property

    The CSS z-index property specifies the z-order of an element and its descendants or flex items. The z-order is the order of elements on the z-axis. The z-index of an element specifies its order inside a stacking context. A stacking context is a group of elements that have a common parent. The element which has the higher stack order…

  • CSS writing-mode Property

    The CSS writing-mode property specifies whether the text should be laid out vertically or horizontally. This property changes the alignment of the text so that it can be read from top to bottom or from left to right, depending on the language. For example, East Asian languages such as Chinese or Japanese `are written horizontally, or some…

  • CSS word-wrap Property

    The word-wrap property breaks lines into words so as to fit in its container. This property even breaks words that are not unbreakable. This property can have either a positive or negative value. A positive value adds additional space between words, whereas a negative value removes the space between words. When “normal” is set, the specified font…

  • CSS word-spacing Property

    The word-spacing property allows changing the space between the words in a piece of text, not the individual characters. This property can have either a positive or negative value. A positive value adds additional space between words, whereas a negative value removes the space between words. When the property is set to “normal”, the defined font will…

  • CSS word-break Property

    The word-break property specifies where the lines should be broken. Normally, line breaks only occur in certain spaces when there is a space or a hyphen. But when the word-break property is set to the break-all value, the browser will break lines at any point. This property is one of the CSS3 properties. Initial Value normal Applies to All elements.…

  • CSS will-change Property

    The will-change property gives a hint to the browsers how an element is expected to change in the near future. Optimizations should be set up before an element is changed. The will-change property was first named will-animate. The will-change property allows browsers to change an element’s scroll position, contents or more than one CSS property values. However, many properties will not have any…

  • CSS width Property

    The CSS width property sets the width of an element. The width does not include border, padding or margin. The width property applies to all elements except non-replaced or inline elements, table rows and row groups (i.e. <thead>, <tfoot> and <tbody>). The property takes a CSS length (px, pt, em, and so on), a percentage, or the keyword auto. We should mention that the percentage used for…

  • CSS widows Property

    The widows property specifies the minimum number of lines of a block-level container that are left at the top of a page or column, leaving the remaining lines on the previous page or column. A widow is a single, separated line or word which appears at the top of the page or column. This property is usually…

  • CSS white-space Property

    The white-space property specifies how the white space inside an element is handled. A white space can be a sequence of spaces or a line break. This property can be applied to any inline content within an element. Extra specified spaces are collapsed into one, newlines are removed, and lines are broken and wrap where necessary to…