webdesign-Becker_Ehricht_Fleck_Minkowitsch_Pfau/src/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
}