CSS vlastnosti
Všechny články z kategorie
CSS backdrop-filter
Vlastnost backdrop-filter dokáže uplatnit filtr pro pozadí elementu.
Jak funguje CSS position: sticky
CSS sticky posice umožňuje bez JS zafixovat element ke kraji okna při rolování.
Box-shadow
Vlastnost box-shadow umí vytvořit CSS stín kolem elementu.
Zachování posice scrollování overflow-anchor
CSS vlastnost overflow-anchor umožňuje nastavit, jak si má prohlížeč pamatovat, kam bylo odscrollováno.
Kulaté okraje v CSS
Jak vytvořit v CSS zaoblené okraje.
Object-fit
CSS vlastnost object-fit umí přizpůsobit obrázek pevné velikosti.
Text-decoration
Vlastnost text-decoration slouží k „vyzdobení“ běžného textu.
Z-index
K čemu je CSS vlastnost z-index a jak mít v jejím užívání systém.
Výkon animací s transition: all
Je lepší psát transition: all, nebo vyjmenovávat vlastnosti, které se mají animovat?
CSS appearance
Systémový vzhled elementů pomocí CSS vlastnosti appearance.
Všechny CSS vlastnosti
Seznam (skoro) všech 207 CSS vlastností.
Přichytávací rolování v CSS
CSS vlastnost scroll-snap dokáže řídit rolování, aby přeskakovalo mezi jednotlivými elementy.
CSS zarovnání vertical-align
Vertikální zarovnání řádku nebo buňky tabulky.
CSS výška height
Nastavování výšky v CSS a proč ho raději nepoužívat.
CSS vlastnost position
CSS rozlišuje statickou, relativní, absolutní a fixní posici. K čemu je co dobré?
Word-spacing
CSS vlastnost word-spacing upravuje velikost mezer mezi slovy.
Odsazení prvního řádku text-indent
CSS vlastnost text-indent slouží k odsazení nebo předsazení prvního řádku.
Letter-spacing
CSS vlastnost letter-spacing upravuje vzdálenost mezi písmeny.
Vícesloupcový text a column
CSS vlastnost column umožňuje rozdělení textu do více sloupců.
Psát margin: auto, nebo margin: 0 auto?
CSS konstrukce margin: auto se obvykle používá pro vodorovné centrování bloku.
Will-change
CSS vlastnost will-change dá prohlížeči najevo, že se s elementem bude něco dělat.
Zakázání označování textu
Standardně jde na webu označovat text. Jak jeho výběru myší zabránit?
Image-rendering
CSS vlastnost image-rendering ovlivňuje způsob, kterým se v prohlížeči zvětšují/zmenšují obrázky.
Styl odrážkového seznamu
CSS vlastnost list-style upravuje vzhled seznamů <ul> a <ol>.
Zvětšení a zmenšení v CSS
Jak v CSS zoomovat (zvětšovat a zmenšovat) elementy.
CSS vlastnost mask
Vlastnost mask dokáže vytvářet elementy s texturou nebo nepravidelnými tvary.
Box-reflect
CSS vlastnost box-reflect umí vytvořit odraz celého boxu.
CSS filter
Jak vytvářet grafické filtry obrázků i jiných prvků na stránce.
Font
CSS vlastnost font slouží k nastavení písma na stránce.
Font-feature-settings
S CSS vlastností font-feature-settings lze dosáhnout zajímavější typografie u OpenType písem.
Text-align
CSS vlastnost text-align nastavuje zarovnání písma.
Border-image
CSS vlastnost border-image slouží k vytváření obrázkových rámečků.
Background-clip
CSS vlastností background-clip jde omezit místo, kde zobrazí obrázek na pozadí.
Kursor myši
Jak pomocí CSS měnit kursor myši nebo si vytvořit kursor vlastní.
Oříznutí CSS vlastností clip
CSS vlastnost clip slouží k oříznutí obsahu elementu.
CSS blend
CSS vlastnost background-blend-mode slouží ke smíchání barvy s obrázkem.
Box-decoration-break
Vlastnost box-decoration-break upravuje chování stylu elementu při zalomení řádku.
Text-shadow
CSS vlastnost text-shadow přidává textu stín.
Flow
Vlastnosti flow-from a flow-into umožňují pohodlně přeskupovat obsah mezi elementy.
CSS display
CSS vlastnost display ovlivňuje způsob vykreslování HTML elementu.
Text-stroke
CSS vlastnost text-stroke vytváří okraj písmen podobně jako vlastnost border u boxů.
CSS counter
Automatické číslování v CSS za pomocí counter-increment, counter-reset a counter.
CSS vlastnost content
CSS vlastnost content slouží k zapisování obsahu do stránky z kaskádových stylů.
Odsazení písmen a slov
Nastavení odsazení jednotlivých písmen (letter-spacing) a mezer mezi slovy (word-spacing).
Margin v CSS
CSS vlastnost margin slouží k vytvoření odsazení kolem elementu, který má margin nastavený.
Box-sizing
CSS vlastnost box-sizing dokáže změnit vypočítávání rozměrů boxu.
CSS vlastnost all
Resetování CSS pravidel vlastností all.
CSS pointer-events
Vlastnost pointer-events umožňuje zrušit reakci na události vyvolané myší.
CSS hyphens
Vlastnosti hyphens ovlivňuje rozdělování slov spojovníkem na konci řádku.
Šířka tabulátoru tab-size
Jak pomocí CSS změnit šířku tabulátoru ve zdrojovém kódu.
Uvozovky v CSS
Vlastnost quotes umožňuje nadefinovat uvozovky, které se okolo značky objeví.
CSS resize
Možnost roztahovat element pomocí CSS vlastnosti resize.
Rozmazání obsahu
Rozmazávání obsahu v různých prohlížečích.
Průhledný obsah v CSS
Pro zprůhlednění obsahu existují různé možnosti. Nejen CSS vlastnost opacity.
CSS vlastnost animation
Animování prvků na stránce pomocí čistého CSS s využitím @keyframes.
Obtékání v CSS
Detailní popis obtékání (float) a clearování v CSS, stavba stránky pomocí obtékání, vysvětlení možných risik a úskalí.
Nejpoužívanější CSS vlastnosti
Žebříček CSS vlastností dle jejich četnosti na webových stránkách.
Rotace obsahu
Napříč prohlížeči funkční řešení vytvoření svislého textu (otočeného o 90 stupňů).
Box model
Co je to a jaký box-model si vybrat. Jaké jsou výhody a nevýhody.
Flexboxy
Flexibilní stylování boxů je jednoduší a schopnější alternativa k obtékání (float), ale zatím hudba budoucnosti…
Animace v CSS pomocí transition
CSS vlastností transition lze na stránce docílit přechodových animací bez JavaScriptu.
Úprava obsahu pomocí content a attr
Pomocí CSS vlastnosti content a funkce attr lze ovlivňovat z CSS výsledný textový obsah webu.