diedVIPs

html knowhow

Text












Text
text     .text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
text-color
  body {color: blue;}
h1 {color: green;}
body {background-color: lightgrey;
color: blue;}
text-align text-align wird verwendet, um die horizontale Ausrichtung eines Textes festzulegen.
  • <string>
  • left
  • right
  • center
  • justify
  • inherit
h1 {text-align: center;}
vertical-align vertical-align legt die vertikale Ausrichtung eines Elements fest.   img.a {vertical-align: baseline;}
text-decoration text-decoration wird verwendet, um Dekorationen aus Text festzulegen oder zu entfernen.
  • none
  • underline
  • overline
  • line-through
  • blink
  • text-decoration-line
  • text-decoration-color
  • text-decoration-style
  • inherit
a {text-decoration: none;}
text-shadow text-shadow fügt dem Text Schatten hinzu.
  • <length>
  • <color>
  • none
h1 {text-shadow: 2px 2px red;}
word-spacing letter-spacing wird verwendet, um den Abstand zwischen den Zeichen in einem Text anzugeben.
  • <length>
  • <percentage>
  • normal
  • inherit
h1 {letter-spacing: 3px;}
direction Schreibrichtung
direction fest damit sie mit der Richtung des Textes übereinstimmt: rtl für Sprachen, die von rechts nach links geschrieben werden 
ltr für Sprachen von links nach rechts.
  • ltr
  • rtl
  • inherit
blockquote {direction: rtl;}
h1 bis h6     h1 {font-size:1.5em;}
h2 {font-size:2em;}
resize Veränderbarkeit der Größe (u.a. textarea)
  • none
  • both
  • horizontal
  • vertical
  • inherit
 








Kontakt    Datenschutz   Impressum