CSS ではアンカー タグ () のサイズはどのように計算されますか?

インライン要素とコンテンツ領域

CSS 2.1 仕様では、アンカー タグなどのインライン要素がコンテンツ フローの一部を形成し、独自のブロックレベルのボックスを作成しないでください。コンテンツ領域の高さと幅は、フォント サイズ、テキストの内容、スタイルなどの要素に影響されます。 element.

高さの計算

アンカー タグのような非置換インライン要素の場合、CSS 仕様では通常、ブラウザーが高さを計算する方法を明示的に定義していません。フォント メトリクスに基づいて計算すると、高さは 18 ピクセルとなり、1 行のテキストを表します。高さは、画像や周囲のブロック要素のサイズには影響されません。

幅の計算

インライン要素の幅は、コンテンツ、パディング、要素自体の境界線とマージン。アンカー タグの場合、幅は次のように計算されます。

Content Width + Margin (Left) + Border (Left and Right)

スペース処理

の場合インライン要素は水平にレイアウトされ、それらの間のスペースは次のように処理されます:

• 先頭最初の要素のスペースは無視されます。
• 最後の要素の末尾のスペースは無視されます。
• 折りたたまれたスペース: 隣接する要素間のスペースは 1 つのスペースにマージされ、最初のスペースは保持されます。