Skip to content

e_The Basics of Style Mode

Mohammed David edited this page Aug 24, 2025 · 14 revisions

The Basics of Style-Mode

Return to 'Introduction to the HW HTML Drafting Project'

One Large Star Centred on a Ribbon

It may be a good idea to see the map of the keys that are basically the same in both Construction-Mode and style mode.

These keys stay pretty much the same:

If the mouse seems to be working funny, try pressing G, then try pressing ESC

If you are wondering about document reflow and z-index read about it here:

These keys will now be for rotation and scale.

  • H and L = scale up, or scale down
  • J and K = rotate left, rotate right

There are more rotations available when you use the shift key and then use HJKL. Just try them!

The X key will clear the rotations.

shift + X will clear the scale.

Note: What is accomplished from E in construction mode is not the same as scaling the part in style mode.

  • Y = Copy Link
  • I = Alt Text For Image
  • O = ClassName

  • W = user-select
  • E = content-editable
  • R = border-radius

These are set to the grid size on the second press but, they enable the 'numpad-tuner' one the first press. Tip: Use the shift key also to affect the entire colour group.

  • P = padding
  • A = alignment
  • D = download link
  • F = font-size

  • Z = move the Anchor component to the top or bottom
  • C = set the text colour using a prompt
  • B = set the background colour using a prompt
  • M = cycle through overflow options

Use the N key when you want to enter text/html from the keyboard.

Note: You can also, clearly, use ctrl + c and then hover over a part and use ctrl + v to paste html directly into the part. You could line up some notepads for that purpose!

Wow, I guess this wiki was brief!

Clone this wiki locally