Hands-on with the Google Chrome Development Tools

by Ryan Boudreaux  |  March 30, 2012, 7:15am PDT  |  Image 6 of 56

Gear Menu

Typing, or pasting in, one or more properties adds the new properties to the style rule. If you edit a style property value with a number, you can use the Up or Down arrow keys to change the number, and holding the Alt/Option key steps in increments of 0.1; holding the Shift key steps in increments of 10. You can also add more properties by double-clicking any white space to the left or below any existing entries or via pasting multiple properties separated by a semicolon. You can edit the style selector names via double-clicking their names, and you can also add new style selectors using the Gear Menu, located to the right of the Styles section bar as displayed here.

Gear Menu - Image 6 of 56

Related Galleries

Ryan Boudreaux

About Ryan Boudreaux

Ryan's experience includes a broad range of technology support roles and web development expertise.

Ryan Boudreaux

Ryan Boudreaux
Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal government.