IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

nav-right - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti nav-right definujeme posunutí označení elementu při podržení klávesy Shift a zmáčknutí šipky doprava. Tuto vlastnost podporuje pouze webový prohlížeč Opera ve verzích 11.5 - 12.!

Hodnoty

  • auto (výchozí) - Cílový element se nastaví automaticky v prohlížeči.
  • #id - ID daného cíle.
  • element - Cílový element.
  • initial - Nastaví vlastnost na výchozí hodnotu (tedy na auto).
  • inherit - Hodnota se zdědí z rodičovského elementu.

Kromě vlastnosti nav-right můžeme nastavit ještě tyto vlastnosti:

Ukázka

Vytvořme si 4 tlačítka, která budou umístěna do takového kosočtverce. Každé z nich bude mít své jedinečné ID. Při podržení klávesy Shift a zmáčknutí šipky doprava se označení bude posouvat po směru hodinových ručiček.

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <style>
                button
                {
                        position: absolute;
                }
                #tlacitko1
                {
                        top: 0%;
                        left: 35%;
                        nav-right: #tlacitko2;
                }
                #tlacitko2
                {
                        top: 35%;
                        left: 70%;
                        nav-right: #tlacitko3;
                }
                #tlacitko3
                {
                        top: 70%;
                        left: 35%;
                        nav-right: #tlacitko4;
                }
                #tlacitko4
                {
                        top: 35%;
                        left: 0%;
                        nav-right: #tlacitko1;
                }
                </style>
                <title>nav-right</title>
        </head>
        <body>
                <button id="tlacitko1">Tlačítko 1</button>
                <button id="tlacitko2">Tlačítko 2</button>
                <button id="tlacitko3">Tlačítko 3</button>
                <button id="tlacitko4">Tlačítko 4</button>
        </body>
</html>

Výsledek:

Vlastnost nav-right v CSS 3 - Ostatní CSS vlastnosti

Poznámka

Nezapomínejte, že vlastnost nav-right podporují pouze hodně zastaralé verze webového prohlížeče Opera, které už skoro nikdo nepoužívá. Využití této vlastnosti je tedy vlastně nulové.


 

Všechny články v sekci
Ostatní CSS vlastnosti
Článek pro vás napsal Jan Lupčík
Avatar
Autor se primárně věnuje vývoji webových stránek a aplikací v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.
Aktivity