CSS handleiding

CSS TUIS CSS Inleiding CSS-sintaksis CSS-keurders CSS Hoe om CSS Kommentaar CSS kleure CSS agtergronde CSS-grense CSS-marges CSS Opvulling CSS Hoogte/Breedte CSS Box Model CSS uiteensetting CSS teks CSS lettertipes CSS-ikone CSS skakels CSS-lyste CSS-tabelle CSS vertoon CSS maksimum breedte CSS posisie CSS Z-indeks CSS oorloop CSS Float CSS Inline-blok CSS Belyn CSS-kombineerders CSS Pseudo-klas CSS Pseudo-element CSS Deursigtigheid CSS-navigasiebalk CSS-aftrekkies CSS Beeldgalery CSS Beeld Sprites CSS Attr keurders CSS-vorms CSS-tellers CSS-webwerfuitleg CSS-eenhede CSS Spesifisiteit CSS !belangrik CSS Wiskunde funksies

CSS Gevorderd

CSS afgeronde hoeke CSS-randbeelde CSS agtergronde CSS kleure CSS-kleur sleutelwoorde CSS Gradiënte CSS Shadows CSS-tekseffekte CSS Web Fonts CSS 2D-transformasies CSS 3D-transformasies CSS-oorgange CSS-animasies CSS Tooltips CSS-stylbeelde CSS-beeldrefleksie CSS-objekpas CSS voorwerp-posisie CSS-maskering CSS-knoppies CSS-paginering CSS veelvuldige kolomme CSS-gebruikerskoppelvlak CSS veranderlikes CSS-boksgrootte CSS-medianavrae CSS MQ Voorbeelde CSS Flexbox

CSS reageer

RWD Inleiding RWD Uitsigpoort RWD-roosteraansig RWD Media Navrae RWD beelde RWD-video's RWD-raamwerke RWD-sjablone

CSS -rooster

Grid Intro Roosterhouer Rooster item

CSS SASS

SASS Tutoriaal

CSS voorbeelde

CSS-sjablone CSS voorbeelde css vasvra CSS Oefeninge CSS-sertifikaat

CSS Verwysings

CSS Verwysing CSS-keurders CSS-funksies CSS Verwysing Gehoor CSS Web veilige lettertipes CSS Animateerbaar CSS-eenhede CSS PX-EM-omskakelaar CSS kleure CSS-kleurwaardes CSS verstekwaardes CSS-blaaierondersteuning

CSS -teksspasiëring


Teksinkeping

Die text-indenteienskap word gebruik om die inkeping van die eerste reël van 'n teks te spesifiseer:

Voorbeeld

p {
  text-indent: 50px;
}

Letterspasiëring

Die letter-spacingeienskap word gebruik om die spasie tussen die karakters in 'n teks te spesifiseer.

Die volgende voorbeeld demonstreer hoe om die spasie tussen karakters te vergroot of te verklein:

Voorbeeld

h1 {
  letter-spacing: 5px;
}

h2 {
  letter-spacing: -2px;
}

Lyn hoogte

Die line-heighteiendom word gebruik om die spasie tussen lyne te spesifiseer:

Voorbeeld

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

Woordspasiëring

Die word-spacingeienskap word gebruik om die spasie tussen die woorde in 'n teks te spesifiseer.

Die volgende voorbeeld demonstreer hoe om die spasie tussen woorde te vergroot of te verklein:

Voorbeeld

p.one {
  word-spacing: 10px;
}

p.two {
  word-spacing: -2px;
}

Wit spasie

Die white-spaceeiendom spesifiseer hoe wit spasie binne 'n element hanteer word.

Hierdie voorbeeld demonstreer hoe om teksomvou binne 'n element te deaktiveer:

Voorbeeld

p {
  white-space: nowrap;
}