webdesign-Becker_Ehricht_Fleck_Minkowitsch_Pfau/css/text_styling.css

/*--------------Veränderung der Textgröße--------------*/
#font-sizePX{
    font-size: 20px;
}
#font-sizePR{
    font-size: 120%;
}
#font-sizeCM{
    font-size: 1cm;
}
#font-sizeS{
    font-size: smaller;
}
#font-sizeM{
    font-size: medium;
}
#font-sizeL{
    font-size: larger;
}
/*--------------Veränderung der Textart--------------*/
#font-familyA{
    font-family: Arial;
}
#font-familyG{
    font-family: Georgia;
}
#font-familyLH{
    font-family: Lucida Handwriting;
}
/*--------------Schriftfarbe ändern--------------*/
#colorW{
    color: red;
}
#colorZ{
    color: rgb(81, 132, 109);
}

/*--------------Schrift stylen--------------*/
#font-styleI{
    font-style: italic;
}
#font-styleO{
    font-style: oblique;
}

/*--------------Schriftdicke verändern--------------*/
#font-weightB{
    font-weight: bold;
}
#font-weightZ{
    font-weight: 700;
}

/*--------------Schrift Variante ändern--------------*/
#font-variant{
    font-variant: small-caps;
}

/*--------------Textausrichtung ändern--------------*/
#text-alignL{
    text-align: left;
}
#text-alignR{
    text-align: right;
}
#text-alignC{
    text-align: center;
}
#text-alignJ{
    text-align: justify;
}

/*--------------Textgestaltung--------------*/
#text-decorationU{
    text-decoration: underline;
}
#text-decorationO{
    text-decoration: overline;
    margin: 4px;;
}
#text-decorationLT{
    text-decoration: line-through;
}

/*--------------Wort- und Zeichenabstände verändern--------------*/
#word-spacingMM{
    word-spacing: 3mm;
}
#word-spacingPX{
    word-spacing: 10px;
}
#word-spacingREM{
    word-spacing: 1rem;
}

/*--------------Texte einrücken--------------*/
#text-indentMM{
    text-indent: 10mm
}   
#text-indentPX{
    text-indent: 20px;
}
#text-indentREM{
    text-indent: 1rem;
}

/*--------------Texte transvormieren--------------*/
#text-transformC{
    text-transform: capitalize
}
#text-transformU{
    text-transform: uppercase
}
#text-transformL{
    text-transform: lowercase
}
#text-transformN{
    text-transform: none
}