Vlastnosti CSS: Průzkum a použití

Zde je podrobné vysvětlení pro každou vlastnost CSS

 

Vlastnictví color

Vlastnost color se používá k formátování barvy textu prvku.

Hodnotou může být název barvy(např. red, blue, green), hexadecimální kód(např. "#FF0000" pro red) nebo rgb()  funkce k určení Red, Green, Blue hodnot.

Příklad: color: red;

Vlastnictví font-size

Vlastnost font-size  se používá k formátování velikosti textu v prvku.

Hodnota může být v pixelech(např. "12px"), jednotkách em(např. "1,2em"), procentech(%) nebo jiných relativních hodnotách.

Příklad: font-size: 16px;

Vlastnictví background-color

Vlastnost background-color se používá k formátování barvy pozadí prvku.

Hodnotou může být také název barvy, hexadecimální kód nebo funkce "rgb()" pro určení barvy.

Příklad: background-color: #F0F0F0;

Vlastnictví font-family

Vlastnost "font-family" definuje písmo použité pro text v prvku.

Hodnotou může být název písma(např. Arial, Helvetica) nebo prioritní seznam názvů písem.

Příklad: font-family: Arial, sans-serif;

Vlastnictví text-align

Vlastnost "text-align" se používá k zarovnání textu uvnitř prvku.

Hodnota může být left, right, center nebo justify(pro zarovnání textu na obou koncích).

Příklad: text-align: center;

Vlastnictví width

Vlastnost "width" určuje šířku prvku.

Hodnota může být v pixelech, procentech(%) nebo auto pro automatickou šířku.

Příklad: width: 300px;

Vlastnictví height

Vlastnost height  určuje výšku prvku.

Hodnota může být v pixel, procentech(%) nebo auto pro automatickou výšku.

Příklad: height: 200px;

Vlastnictví border

Vlastnost border  se používá k vytvoření ohraničení kolem prvku.

Hodnota může zahrnovat tloušťku okraje(např. "1px"), border style(např. solid, dotted) a color(např. red).

Příklad: border: 1px solid black;

Vlastnictví margin

Vlastnost margin definuje vzdálenost mezi prvkem a okolními prvky.

Hodnotou může být hodnota pixelu(např. "10px"), hodnoty pixelů pro každý směr(např. "5px 10px") nebo auto  automatické rozestupy.

Příklad: margin: 10px;

Vlastnictví padding

Vlastnost padding definuje mezeru mezi obsahem a okrajem prvku.

Hodnotou může být pixel hodnota nebo hodnoty pixelů pro každý směr.

Příklad: padding: 20px;

 

Toto je jen několik příkladů vlastností CSS a jejich hodnot. CSS poskytuje mnoho dalších vlastností pro stylování a přizpůsobení prvků na vaší webové stránce. Můžete prozkoumat více vlastností a přizpůsobit je, abyste dosáhli různých návrhů a efektů pro svůj web.