Scribd
Upload
23 views

CSS Abdddddd PDF

The CSS border properties allow you to specify the style, width, and color of an element's border. Different border styles include dotted, dashed, solid, double, groove, ridge, and none. The border-radius property defines rounded corners. The outline property draws a line outside the border and can be used to make elements stand out. The outline-offset property adds space between the outline and border. CSS background properties control background effects like color, images, repetition, attachment, and position. The opacity property sets transparency levels from fully opaque to fully transparent.

Uploaded by

Coder
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views

CSS Abdddddd PDF

The CSS border properties allow you to specify the style, width, and color of an element's border. Different border styles include dotted, dashed, solid, double, groove, ridge, and none. The border-radius property defines rounded corners. The outline property draws a line outside the border and can be used to make elements stand out. The outline-offset property adds space between the outline and border. CSS background properties control background effects like color, images, repetition, attachment, and position. The opacity property sets transparency levels from fully opaque to fully transparent.

Uploaded by

Coder
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

CSS BORDER

The CSS border properties allow you to specify the style, width, and color of an
element's border.
Border-width:2px;
Border-style:solid; /* style is mandatory */
Border-color:pink;

Instead of writing 3 lines we can make use of shorthand property


Border:2px solid pink;

Different types of style are:-


dotted/dashed/solid/double/groove/ridge/none/hidden
Note: we can give mix border also like border-style:solid dashed dotted groove
If we want a rounded border we make use of border-radius
The CSS border-radius property defines the radius of an element's corners.

CSS OUTLINE PROPERTY

An outline is a line that is drawn around elements, outside the borders, to make
the element "stand out".

The outline property is a shorthand property for:

 outline-width
 outline-style (required)
 outline-color

istead of writtig 3 line we can make use of short hand property


outline:2px solid blue;

if we want spcae between border and the outline we make use of

outline-offset

The outline-offset property adds space between the outline and the edge
or border of an element.

Background

The CSS background properties are used to define the background effects for
elements. There are lots of properties to design the background.

CSS background properties are as follows:

 CSS Background-color Property : The background-color property in


CSS is used to specify the background color of an element.
 CSS Background-image Property : The background-image property is
used to set one or more background images to an element.
 CSS Background-repeat Property : The background-repeat property in
CSS is used to repeat the background image both horizontally and
vertically.
 CSS Background-attachment Property : The property background-
attachment property in CSS is used to specify the kind of attachment
of the background image with respect to its container.
 CSS Background-position Property : In CSS body-position property
is mainly used to set an image at a certain position.
CSS Opacity / Transparency
The opacity property can take a value from 0.0 - 1.0. The lower value, the
more transparent

You might also like