Space above and below fonts - NOT line height

[cupax]

Hello.

Every font has some empty space above and below. You can easily see it if you just click-drag select any text in this page, you are going to get a blue square/frame around the selected text. So the space I'm referring to goes from the top or bottom edge of a font to the edge of the blue frame.

I'm NOT referring to a CSS line height, this is a font property and every font has a different space.

Is there any CSS property that can control this space?

For example: I have a CSS shadow, which is dropped from the edge of that "blue" frame (my top menu shows the selection by underlining the selected item with a shadow). The trouble comes, when you wand to move the shadow closer to the actual characters. 

In the attached image you can see my menu with the word "studio" half selected. The black underline is actually a CSS shadow below that selection frame.

 

[dsonesuk]

Margins and maybe padding.

[cupax]

1 hour ago, dsonesuk said:

Margins and maybe padding.

Margins and padding have nothing to do with it, as I said it is a font property. This space changes if you change the font.

Edited September 23, 2019 by cupax

[Ingolme]

I don't think that can be changed, it is built into the font. There are browser-specific CSS selectors to change the selection box, but I think it only lets you change the colors and not much else. I haven't memorized them so I'd have to look them up.