My Blog

The table-layout property specifies the algorithms which are used to lay out table cells, rows and columns. The table-layout property specifies two algorithms to lay out tables: fixed and automatic. When the “automatic” table layout is specified, the table’s width is set by the width of its columns. When the “fixed” table layout is specified, the table’s layout uses…

The tab-size property is used to set the width of the tab character (U+0009) displaying on the page. The tab-size property is one of the CSS3 properties. It is only visible for <textarea> and <pre> HTML tags. Initial Value 8 Applies to Block containers. Inherited Yes. Animatable No. Version CSS3 DOM Syntax object.style.tabSize = “20”; Syntax Example of the tab-size property: Result In the given example,…

The CSS stroke-width property specifies the width of the stroke on the element. The presentation attribute will be overridden: e.g. <path stroke-width=”3px” … />. The inline style won’t be overridden: e.g. <path style=”stroke-width: 3px;” … />. Initial Value 1 Applies to Shapes and text content elements. Inherited Yes. Animatable No. Version SVG 1.1 Specification DOM Syntax Object.strokeWidth…

The stroke-linecap property sets the starting and ending points of a border on element. The presentation attribute will be overridden: e.g. <path stroke-linecap=”round” … />. The inline style won’t be overridden: e.g. <path style=”stroke-linecap: round;” …/>. Initial Value butt Applies to Shapes and text content elements. Inherited Yes. Animatable No. Version SVG 1.1 Specification DOM Syntax Object.strokeLinecap…

The stroke-dashoffset property is a presentation attribute which defines the location along an SVG path where the dash of a stroke will begin. The presentation attribute will be overridden: e.g. <path stroke-dashoffset=”20%” … />. The inline style won’t be overridden: e.g. <path style=”stroke-dashoffset: 20%;” … />. Initial Value 0 Applies to Shapes and text content elements. Inherited Yes. Animatable…

The stroke-dasharray property takes control over the pattern of dashes and gaps used to form the shape of a path’s stroke. The stroke-dasharray property has two values: none and <dasharray>. A <dasharray> is a list of comma and/or white space separated lengths or percentages. Each value specifies a length along the path for which the stroke is a dash…

The stroke property paints along the outline of the given graphical element. The fill and stroke properties specify the paint used to render the interior and the stroke around shapes and text. You can find web colors in the HTML colors section. The presentation attribute will be overridden: e.g. <path stroke=”#1c87c9″ … />, it will be overridden. The inline style won’t be overridden:…

The speak property defines whether or not the text should be rendered aurally. It has six values. The following values are specified in CSS2.1: Other values are specified in CSS3: The speak property has been deprecated. Initial Value Not specified. Applies to All elements. Inherited Yes. Animatable No. Version CSS2, CSS3 DOM Syntax Object.speak = “always”; Syntax You can insert…

The shape-outside CSS property defines a shape around which inline content wraps. By default, inline content wraps the margin box, but the shape-outside property allows to wrap around complex objects. This property takes both <basic-shape> and URL as values. Currently, the shape-outside property only works on floated elements, but this can change later. Animations and transitions can also manipulate…

The scrollbar set of CSS properties is a proprietary style hook letting designers create custom themes for the browser’s native scrollbars. The -webkit-scrollbar set of properties consists of seven different pseudo-elements that, together, comprise a full scrollbar UI element. These seven pseudo-elements are the following: Initial Value auto Applies to Scrolling boxes. Inherited Yes. Animatable Discrete. Version – DOM…