Cara Menggunakan Property CSS font-size

Properti font-size digunakan untuk mengatur ukuran, atau tinggi, font.

Karena nilai properti font-size digunakan untuk menghitung nilai unit em dan ex, nilai properti ukuran font juga dapat mempengaruhi ukuran elemen lain pada halaman yang bergantung pada, atau menggunakan, em atau ex unit . Misalnya, jika dimensi elemen (tinggi dan lebar) ditentukan menggunakan satuan panjang em, maka ukuran font yang ditetapkan pada elemen akan memiliki efek langsung pada panjang dimensi dimensi elemen yang dihitung, karena em dan ex adalah satuan relatif, dan dimensi yang diatur dalam ems atau exs relatif terhadap ukuran font yang ditetapkan pada elemen.

Ukuran font dapat ditentukan sebagai nilai absolut atau relatif. Nilai absolut dapat ditentukan menggunakan kata kunci atau unit <length> yang telah ditentukan sebelumnya. Nilai relatif ditentukan dengan menggunakan nilai <length> relatif atau nilai <percentage>. Nilai negatif untuk ukuran font tidak diperbolehkan.

Nilai aktual ukuran font dapat berbeda dari nilai yang dihitung karena nilai numerik pada penyesuaian ukuran font dan tidak tersedianya ukuran font tertentu. Anda dapat membaca lebih lanjut tentang cara kerjanya di entri properti penyesuaian ukuran font.

Ukuran font cascade elemen; ini berarti bahwa elemen anak-anak akan mewarisi ukuran font yang sama dengan orang tua mereka, kecuali ditentukan sebaliknya.

Official Syntax

font-size: <absolute-size> | <relative-size> | <length> | <percentage> | inherit

 

Values

<absolute-size>: Kata kunci <absolute-size> mengacu pada entri dalam tabel ukuran font yang dihitung dan disimpan oleh browser. Setiap kata kunci mengacu pada ukuran font spesifik yang ditentukan dalam browser. Kata kunci yang mungkin adalah: xx-kecil, x-kecil, kecil, sedang, besar, x-besar, dan xx-besar.

<relative-size>: Selain kata kunci absolut di atas, ada dua kata kunci relatif: lebih besar dan lebih kecil, yang menghitung ukuran font elemen relatif terhadap ukuran font induknya. Jadi, jika, misalnya, ukuran font induk diatur ke besar dan ukuran font elemen diatur ke lebih besar, ukuran font elemen akan menjadi x-besar.

<length>: Ketika satuan panjang relatif digunakan, ukuran font ditentukan relatif terhadap ukuran font induk elemen. Misalnya, ukuran font ‘2em’ akan dihitung untuk menggandakan ukuran font dari induk elemen.

<percentage>: Nilai persentase dihitung relatif terhadap ukuran font induk elemen. Misalnya, ukuran font ‘50% ’akan menghitung hingga setengah ukuran font induk elemen.

 

Contoh

font-size: 50%;
font-size: 1em;
font-size: 20px;
font-size: xx-small;
font-size: 200%;
font-size: 12pt;

 

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.

Leave a Reply

Your email address will not be published. Required fields are marked *