clip - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti clip nastavujeme viditelnou část absolutně pozicovaných elementů. Místo nezobrazeného obsahu bude ponecháno prázdné místo.
Syntaxe
clip: rect(nahoře, vpravo, dole, vlevo);Hodnoty
- tvar - Element je oříznutý podle zadaného tvaru. Podporovaným tvarem je pouze obdélník, který zadáváme funkcí rect (viz syntaxe výše).
- auto (výchozí) - Celý element je viditelný.
- inherit - Vlastnost clip bude zděděna od rodičovského elementu.
Ukázka
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Omezme viditelnou část obrázku pouze na jeho část.
<!DOCTYPE html>
<html>
<head>
<style>
#ptak
{
position: absolute;
clip: rect(20px, 100px, 80px, 20px);
}
</style>
</head>
<body>
<img src="ptak.png" alt="Pták" id="ptak" />
</body>
</html>Výsledek:
Článek pro vás napsal David Čápka
David je zakladatelem ITnetwork a programování se profesionálně věnuje 13 let. Má rád Nirvanu, sushi a svobodu podnikání.
David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Komentáře
Zatím nikdo nevložil komentář - buď první!