Ako rýchlo meniť číselné hodnoty vlastností jazyka CSS v Google Developer Tools

V tomto krátkom článku predstavím klávesové skratky pre rýchlu zmenu číselných hodnôt. Pre rýchle odskúšanie uvedených klávesových skratiek môžete použiť nasledujúci zápis.

Príklad: CSS zápis v elemente <style>.

1
2
3
body, html {
    height: 100%;
}
body, html {
    height: 100%;
}

Ako prvé je potrebné otvoriť Developer Tools cez kláves F12. Následne je potrebné kliknúť na kartu Elements. Na pravom paneli je potrebné zobraziť kartu Styles. Posledným krokom je nájsť uvedený zápis na testovanie.

Klávesové skratky pre rýchlu zmenu číselných hodnôt vlastností jazyka CSS

Alt + Up / Alt + Down	Zmena o desatinu čísla
Up / Down	Zmena o číslo 1
Shift + Up / Shift + Down	Zmena o číslo 10
Ctrl + Up / Ctrl + Down	Zmena o číslo 100

Záver

Ak poznáte ďalšie zaujímavé skratky pre prácu s CSS, podeľte sa o ne prostredníctvom komentára.

Ako rýchlo meniť číselné hodnoty vlastností jazyka CSS v Google Developer Tools

Záver

Comments

Add a comment