CSS Border Properties And CSS Text Properties





^° "CSS Border Properties" °^


CSS Syntax:
selector {property: value;}

Examples:
p {border: 4px solid red;}
div {border:thin double; border-color:red;}
table table table {border:2px solid red;}


BORDER WIDTH BORDER STYLE BORDER COLOR

thin
medium
thick
length
4px
0.5cm

none
hidden
dotted
dashed
solid
double

  3D effects (Mozilla):
groove
ridge
inset
outset

Color Name

Hex Color Code

RGB Color (Red-Green-Blue)

°HTML COLORS°

BORDERS:

Add the CSS "propertiesand values" of your chooise
between "{...}"
in your "code".


border:4px solid YourColor;

OR:

border:4px solid;
border-color:YourColor;

OR:

border-width:4px;
border-style:solid;
border-color:YourColor;




Different Borders


border-top-width:4px;
border-top-style:solid;
border-top-color:YourColor;

border-left-width:4px;
border-left-style:solid;
border-left-color:YourColor;

border-right-width:4px;
border-right-style:solid;
border-right-color:YourColor;

border-bottom-width:4px;
border-bottom-style:solid;
border-bottom-color:YourColor;


☺☺☺ ° ☺☺ ° ☻ ° ☺☺ ° ☺☺☺
☺☺☺ ° ☺☺ ° ☻ ° ☺☺ ° ☺☺☺



^° "CSS Text Properties" °^



Mit "!important" werden gleichlautende Deklarationen
überschrieben.
Du brauchst es aber nicht, wenn du Profil 2.0 hast.

By adding "!important" you will overwrite the identical
declarations.
However, you do not need it if you have profile 2.0.


CSS Syntax:
selector {property: value;}

Examples:
p {color:red;}
b {font-family: arial;}
p, b {color:red; font-family:verdana;}


Add the CSS "properties and values" of your chooise
between "{...}"
in your "code".

color:YourColor !important;
font-family:verdana !important;
font-size:12px !important;

font-weight:normal !important;
font-weight:bold !important;
font-weight:bolder !important;
font-weight:light !important;
font-weight:lighter !important;
font-weight:100 - 900 !important;

font-style:normal !important;
font-style:italic !important;
font-style:oblique !important;

text-align:left !important;
text-align:right !important;
text-align:center !important;
text-align:justify !important;
text-align:string !important;

text-decoration:none !important;
text-decoration:underline !important;
text-decoration:overline !important;
text-decoration:line-through !important;
text-decoration:blink !important;

text-indent:3em !important;
text-indent:90% !important;

font-variant:normal !important;
font-variant:small-caps !important;

text-transform:none !important;
text-transform:lowercase !important;
text-transform:upercase !important;
text-transform:capitalize !important;

direction:ltr !important;
direction:rtl !important;

line-height:normal !important;
line-height:1em !important;
line-height:6px !important;
line-height:150% !important;

white-space:normal !important;
white-space:nowrap !important;
white-space:pre !important;
white-space:pre-wrap !important;
white-space:pre-line !important;

text-shadow:normal;
text-shadow:c0c0c0 3px 3px 5px;

letter-spacing:1em !important;
letter-spacing:2px !important;
word-spacing:1em !important;
word-spacing:-3px !important;

vertical-align:sub !important;
vertical-align:super !important;
vertical-align:baseline !important;
vertical-align:top !important;
vertical-align:bottom !important;
vertical-align:middle !important;
vertical-align:text-top !important;
vertical-align:text-bottom !important;
vertical-align:30% !important;
vertical-align:30px/-30px !important;


☺☺☺ ° ☺☺ ° ☻ ° ☺☺ ° ☺☺☺
☺☺☺ ° ☺☺ ° ☻ ° ☺☺ ° ☺☺☺



Eingestellt von KhAk