Results 601 - 620 of 726


The :valid CSS pseudo-class represents any <input> or <form> element whose content validates correctly according to the input's type setting. This allows to easily make valid fields adopt an appearance that helps the user confirm that their data is formatted properly.
CSS CSS Pseudo-class Layout NeedsMobileBrowserCompatibility Pseudo-class Reference Web


The marks CSS at-rule descriptor adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.
CSS CSS Property Layout NeedsBrowserCompatibility NeedsExample NeedsMobileBrowserCompatibility Reference Web


The user-zoom CSS descriptor controls whether or not the user should be able to change the zoom factor of a document defined by @viewport.
CSS CSS Descriptor Graphics Layout NeedsBrowserCompatibility NeedsExample Reference Web


The zoom CSS Descriptor sets the initial zoom factor of a document defined by @viewport.
CSS CSS Descriptor Graphics Layout NeedsBrowserCompatibility NeedsExample Reference Web


The <angle> CSS data type represents angle values. Positive angles represent clockwise angles, negative angles represent counterclockwise angles. Its syntax is a <number> data type immediately followed by the unit (deg, grad, rad or turn). Like for any CSS dimension, there is no space between the unit literal and the number.
CSS CSS Data Type Layout NeedsMobileBrowserCompatibility Reference Web

Block formatting context

A block formatting context is a part of a visual CSS rendering of a Web page. It is the region in which the layout of block boxes occurs and in which floats interact with each other.
Beginner CSS CSS Basic Concepts Guide NeedsBeginnerUpdate NeedsExample Web


The <color> CSS data type denotes a color in the sRGB color space. A color can be described in any of these ways:
CSS CSS Data Type Layout NeedsMobileBrowserCompatibility Reference Web


The contain property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page. This property is useful on pages that contain a lot of widgets that are all independent as it can be used to prevent one widget's CSS rules from changing other things on the page.
CSS CSS Property Layout Paint Reference size Style Web

Scaling background images

The background-size CSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size. You can scale the image upward or downward as desired.
Advanced CSS CSS Background Example Graphics Guide Web

Using flexbox to lay out web applications

Using flexbox can help you design compelling layouts in web applications that scale better from desktop to mobile. Put an end to floating <div> elements, absolute positioning, and JavaScript hacks, and start building horizontal and vertical flowing layouts in just a few lines of CSS. Some basic example use cases:
Advanced CSS CSS Flexible Boxes Example Guide Web

Implementing image sprites in CSS

Image sprites are used in numerous web apps where multiple images are used. Rather than include each image as a separate image file, it is much more memory and bandwidth-friendly to send them as a single image, so the number of HTTP requests is reduced.
Advanced CSS CSS Image Graphics Guide NeedsContent Sprites Web

Using CSS gradients

CSS gradients are new types of <image> added in the CSS3 Image Module. Using CSS gradients lets you display smooth transitions between two or more specified colors. This lets you avoid using images for these effects, thereby reducing download time and bandwidth usage. In addition, because the gradient is generated by the browser, objects with gradients look better when zoomed, and you can adjust your layout much more flexibly.
Advanced CSS CSS Image Example Guide NeedsLiveSample NeedsUpdate Web

Understanding CSS z-index

Usually HTML pages can be considered two-dimensional, because text, images and other elements are arranged on the page without overlapping. There is a single rendering flow, and all elements are aware of the space taken by others. The z-index attribute lets you adjust the order of the layering of objects when rendering content.
Advanced CSS Guide Understanding_CSS_z-index Web

The stacking context

Stacking context is the three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes.
Advanced CSS Example Guide Understanding_CSS_z-index Web


The filter property provides graphical effects like blurring, sharpening, or color shifting an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
CSS CSS Property filter Reference SVG SVG Filter


The <gradient> CSS data type denotes a CSS <image> made of a progressive transition between two or more colors. A CSS gradient is not a CSS <color> but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the one of the element it applies to.
CSS CSS Data Type Graphics Layout Reference Web


The inherit CSS-value causes the element for which it is specified to take the computed value of the property from its parent element. It is allowed on every CSS property.
CSS CSS Cascade Layout NeedsMobileBrowserCompatibility Reference Référence Web