Latest web development tutorials

CSS Text (tekst)

text Format

Ten tekst jest stylizowany z niektórymi na tekst właściwości formatowania. Pod nagłówkiem zastosowań w The text-align = left, text-Transform i właściwości koloru. Na akapitu jest wcięty, The wyrównane, a na Przestrzeń między znakami jest określona. Na podkreślenia jest usuwany z At The " try " link.

Kolor tekstu

Atrybut koloru służy do ustawienia koloru tekstu.

Kolor jest najczęściej określone przez CSS:

  • Wartości szesnastkowe - takie jak "# FF0000"
  • Wartość RGB - "RGB (255,0,0)"
  • Nazwy kolorów - takie jak "czerwony"

Zobacz wartości kolorów CSS zobaczyć pełne wartości kolorów.

Tło strony jest w głównej części środków selekcji:

Przykłady

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Spróbuj »

uwaga Dla standardem W3C CSS: jeśli określają właściwość kolorów, należy również dostosować atrybuty koloru tła.


Wyrównanie tekstu

Text-align właściwość jest używana, aby ustawić poziome wyrównanie tekstu.

Tekst może być wyśrodkowany lub wyrównany do lewej lub prawej uzasadnione.

Gdy text-align jest ustawiony na "usprawiedliwić", każda linia została rozszerzona o tej samej szerokości, lewy i prawy margines są wyrównane (takie jak czasopisma i gazety).

Przykłady

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Spróbuj »


Text-decoration

Właściwość text-decoration służy do ustawiania lub usunąć tekst dekoracyjny.

Z punktu widzenia projektowania jest głównie właściwość text-decoration służy do usuwania podkreślenie odnośnika:

Przykłady

a {text-decoration:none;}

Spróbuj »

Możesz też ozdobić ten tekst:

Przykłady

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Spróbuj »

uwaga Nie zaleca się, aby podkreślić, że tekst nie jest związek, ponieważ jest często mylony z użytkownikiem.


Konwertery tekstowe

Konwersja atrybut tekstowy służy do określenia wielkich i małych liter w tekście.

Inicjały można stosować do wszystkiego się wielkimi lub małymi literami, a każde słowo wielką literą.

Przykłady

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Spróbuj »


Text-indent

Text-indent Właściwość aby wciąć pierwszy wiersz jest używany do określenia tekstu.

Przykłady

p {text-indent:50px;}

Spróbuj »


Przykłady

Więcej przykładów

Przeznaczona przestrzeni pomiędzy znakami
Ten przykład pokazuje, w jaki sposób zwiększyć lub zmniejszyć odstęp między znakami.

Określa odstęp między rzędami
Ten przykład pokazuje, jak określić odstęp między wierszami w akapicie

Ustawianie orientacji tekstu elementem
Ten przykład pokazuje, jak zmienia się kierunek elementu tekstu.

Zwiększ spację między wyrazami
Ten przykład pokazuje, jak dodać spację między wyrazami w ust.

Wyłącz zawijanie tekstu w elemencie
Ten przykład pokazuje, jak wyłączyć element tekstowy wewnątrz obramowania.

Pionowe wyrównanie obrazu
Ten przykład pokazuje jak ustawić pionowe wyrównanie obrazu tekstowego.

Dodawanie cieni tekstowych
Ten przykład pokazuje jak ustawić cienie tekstowe.


Cały tekst atrybutów CSS.

nieruchomość opis
kolor Ustaw kolor tekstu
kierunek Ustawianie orientacji tekstu.
letter-spacing Ustawianie odstępy między znakami
line-height Ustawienie wysokości wiersza
text-align Wyrównanie tekstu w elemencie
text-decoration Dodawanie modyfikacji tekstu
text-indent Wciąć pierwszy wiersz chińskich elementów
text-shadow Ustaw cień tekstu
text-transform Element sterujący litery
unicode-bidi Ustawia lub zwraca, czy tekst jest przepisany
vertical-align Ustaw pionowe wyrównanie elementów
white-space Puste elementem zestawu jest obsługiwane
word-spacing Ustawienia dystansowe słowne