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…

The CSS scroll-behavior property defines whether the scroll behavior should be smooth or abrupt within a scrollable box. This property does not have an effect on scrolls performed by the user. The scroll-behavior property specified on the body element will not propagate to the viewport. It should be specified for the html element. User agents can ignore this property. Initial Value auto Applies…

The right property specifies part of the position of positioned elements. The right property is used to set the right margin edge of the element and the right edge of its containing block for absolute or fixed positioned elements. The effect of right depends on how the element is positioned (see position property). Initial Value auto Applies to Positioned elements. Inherited…

The CSS resize property specifies how the element is resizable. It controls over the appearance and function of the resizing mechanism. The resizing mechanism is usually a triangle knob at the bottom right corner of the element. This property is one of the CSS3 properties. It has 4 values: “none”, “both”, “horizontal” and “vertical”. There are two other…

The quotes property sets the type of quotation marks for the content. The pseudo-elements ::before and ::after are used to insert the content marks at the beginning and at the end of a quote. These pseudo-elements are defined by the content property. Quotation marks are not used with quotes (<q>) and blockquotes ( <blockquote>) which requires to add the quatation marks by yourself. They…

The position property specifies the position of the element in a document. This property has the following values: Types of Positioning Positioned elements – when an element is positioned, its position on the page is determined using the offset properties: top, right, bottom, and left. Offset properties do not work on static elements. Relatively positioned elements – position value is “relative”. The top and bottom properties specify…