Some text some message..
Some text some message..
Some text some message..
Some text some message..
  • Beranda
  • »
  • CSS
  • »
  • Satuan Ukuran mm (Millimeter) Pada CSS

Satuan Ukuran mm (Millimeter) Pada CSS

previous Previous Page

Satuan mm adalah singkatan dari millimeter. Satuan mm pada CSS merupakan salah satu satuan absolute yang dapat digunakan untuk menetapkan nilai ukuran dari suatu elemen HTML. Satuan mm mempunyai nilai yang tetap dan tidak berubah. Satuan mm walaupun agak jarang digunakan dalam mengatur dimensi elemen HTML, namun untuk kondisi tertentu dapat diterapkan sebagai ukuran baku dalam mendesain halaman HTML. Misalnya untuk mendapatkan ukuran real (nyata) suatu objek dalam satuan millimeter.

Jika suatu elemen objek HTML memiliki ukuran 10mm artinya objek tersebut memiliki ukuran sebesar 1cm. Jika dalam satuan inches, objek tersebut berukuran 1/2,54 dari 1 in atau 0.393 in.

Sintaks ukuran mm (millimeter) :

tipe_property: xmm;

Nilai x adalah nilai dalam bentuk numeric (angka). Nilai x bisa dalam bentuk nilai desimal ataupun non-desimal.

Sebagai contoh :

font-size: 16mm;
width: 88mm;
height: 10mm;
margin: 5mm;

Menggunakan Satuan mm (Millimeter) Pada Ukuran Huruf

Ukuran huruf atau font size dapat diubah dalam satuan millimeter. Nilai terkecil yang bisa diterapkan adalah 1mm namun dengan ukuran tersebut huruf akan susah untuk dibaca. Ukuran normal yang dapat dibaca dan biasa digunakan adalah 5mm.

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
   <title>Belajar Style Sheet Pada CSS</title>
</head>
<body>
   <p style="font-size:2mm;">Huruf ukuran 2mm</p>
   <p style="font-size:4mm;">Huruf ukuran 4mm</p>
   <p style="font-size:6mm;">Huruf ukuran 6mm</p>
   <p style="font-size:8mm;">Huruf ukuran 8mm</p>
   <p style="font-size:10mm;">Huruf ukuran 10mm</p>
   <p style="font-size:12mm;">Huruf ukuran 12mm</p>
   <p style="font-size:14mm;">Huruf ukuran 14mm</p>
   <p style="font-size:16mm;">Huruf ukuran 16mm</p>
</body>
</html>

Hasil Script :

Huruf ukuran 2mm

Huruf ukuran 4mm

Huruf ukuran 6mm

Huruf ukuran 8mm

Huruf ukuran 10mm

Huruf ukuran 12mm

Huruf ukuran 14mm

Huruf ukuran 16mm

Menggunakan Satuan mm (Millimeter) Pada Dimensi Tinggi Dan Lebar Elemen HTML

Dimensi berupa tinggi dan lebar adalah multak dimiliki oleh setiap elemen HTML saat elemen tersebut diciptakan. Batas terluar elemen HTML adalah border. Border bersifat transparent yang tidak akan terlihat. Untuk mengetahui ukuran panjang dan lebar suatu elemen HTML, border dapat diatur menjadi solid agar terlihat dan sebagai patokan ukuran tinggi dan lebar elemen HTML.

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
   <title>Belajar Style Sheet Pada CSS</title>
</head>
<body>
   <p style="height:7mm;width:30mm;border:solid 1mm #f68989;">7mm x 30mm</p>
   <p style="height:7mm;width:37mm;border:solid 1mm #f68989;">7mm x 37mm</p>
   <p style="height:7mm;width:40mm;border:solid 1mm #f68989;">7mm x 40mm</p>
   <p style="height:7mm;width:47mm;border:solid 1mm #f68989;">7mm x 47mm</p>
   <p style="height:7mm;width:50mm;border:solid 1mm #f68989;">7mm x 50mm</p>
   <p style="height:7mm;width:57mm;border:solid 1mm #f68989;">7mm x 57mm</p>
   <p style="height:7mm;width:60mm;border:solid 1mm #f68989;">7mm x 60mm</p>
   <p style="height:7mm;width:67mm;border:solid 1mm #f68989;">7mm x 67mm</p>
   <p style="height:7mm;width:70mm;border:solid 1mm #f68989;">7mm x 70mm</p>
   <p style="height:7mm;width:77mm;border:solid 1mm #f68989;">7mm x 77mm</p>
</body>
</html>

Hasil Script :

7mm x 30mm

7mm x 37mm

7mm x 40mm

7mm x 47mm

7mm x 50mm

7mm x 57mm

7mm x 60mm

7mm x 67mm

7mm x 70mm

7mm x 77mm

facebooktwitterwhatapplinkedinpinterest

previous Previous Page

Tutorial CSS

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami