Degrees, Minutes, and Seconds - CSS Typography | CSS: Presentation Layer

Standards Based Development

Plane Angle Units
Plane Angle
degree°1° = (π/180) rad
minute'1' = (1/60)°
second"1" = (1/60)'

Degree Minute Second

64 32 16

64 32 16


.dmstype{padding-left:3px}
.dmstype:after,.dmstype::after{position:absolute; z-index:9; font-weight:700; }
.highlight:after,.highlight::after{box-shadow: 0px 0px 4px #000;}
.dms-degree:after,.dms-degree::after{content:"°"}
.dms-minute:after,.dms-minute::after{content:"'"}
.dms-second:after,.dms-second::after{content:'"'}

<p>
  <span class="dmstype dms-degree">64</span>
  <span class="dmstype dms-minute">32</span>
  <span class="dmstype dms-second">16</span>
</p>
Apostrophe but Acting as a Seconds Unit Double Quotes but Acting as a Minutes Unit Degrees Unit Example of a Plane Angle Expressed in Degrees, Minutes, and Seconds

References and Resources