Properties untuk mengatur font di CSS

Properties untuk mengatur font di CSS

Font color di CSS

Font color digunakan untuk merubah warna teks atau kalimat.

Format penulisan font color di CSS

Untuk cara memberian value properties color silahkan baca di metode pemberian warna di css

Contoh penggunaan font color di CSS

font-color

Font family di CSS

Font family bisa dibagi menjadi dua grup yaitu serif dan sans-serif. Font serif bisa dilihat dengan ciri ada garis kecil dibagian bawah dari setiap karakter-nya.

Format penulisan font family di CSS

Contoh penggunaan font family di CSS

font-family

Font size di CSS

Font size digunakan untuk  memodifikasi ukuran  dari sebuah font.

Format penulisan font size di CSS

Untuk pemberian value font size  bisa menggunakan tiga metode yaitu size, persen, dan keyword.

Value size

Jika menggunakan value size maka visitor dari web page kamu tidak bisa merubah ukuran dari font yang sudah kamu gunakan dengan browser yang mereka miliki.

Format penulisan value size

Dimana x adalah :

X Nama Keterangan
px pixsel Value menggunkakan ukuran pixsel
em Parent elemen font Value menggunkakan ukuran realtif
In Incies Value menggunkakan ukuran incies
cm Centimeter Value menggunkakan ukuran centimeter

Value persen

Dengan persen maka kita tidak perlu menetapkan berapa ukuran pasti sebuah font tetapi kita cukup memberinya ukuran dalam persen yang nantinya tampilan font ini akan disesuaikan dengan web browser visitor.

Format penulisan value percentage

Value keyword

Value  keyword  hanya ada beberapa ukuran value yang bisa kita gunakan yaitu xx-large, x-large, large, medium, small, x-small, dan xx-small.

contoh penggunaan font size di CSS

font-size

Font style di CSS

Font style digunakan untuk memformat font menjadi italic, normal, maupun oblique.

Format penulisan font style di CSS

Contoh penggunaan font style di CSS

font-style

Font weight di CSS

Font weight digunakan untuk mengatur  ketebalan dari sebuah font. Untuk pemberian value selain dengan angka, bisa juga bisa memakai keyword yaitu  bold, bolder, dan normal.

Format penulisan font weight di CSS

Contoh penggunaan font weight di CSS

font-weight

Font variant di CSS

Font variant digunakan untuk merubah teks atau font menjadi small caps baik huruf besar maupun huruf kecil. Small caps ini merupakan kependekan dari small capital yang artinya huruf yang diberi modifikasi ini akan tampil sebagai huruf capital yang berukuran kecil.

Format penulisan font variant di CSS

Contoh penggunaan font variant di CSS

font-variant

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here