Ragam Bisnis Online Blogger Yang Populer Saat Ini Dan Paling Banyak Peminat Serta Popular Dengan Menggunakan Media Website

Sintax Dasar dan Referensi Style-CSS

Posted by farah aksesoris 0 komentar

Baik Style Sheet yang dilink maupun yang disisipkan memiliki satu atau lebih definisi style. (Sintax inline kadang berbeda). Suatu definisi style terdiri dari suatu tag HTML (tag apapun), diikuti oleh sejumlah properti untuk tag tersebut yang terletak diantara tanda kurung kurawal. Tiap properti diidentifikasi oleh nama properti, diikuti oleh titik dua dan nilai properti. Properti ganda dipisahkan oleh titik koma. Sebagi contoh, definisi style berikut memberi tag <H1> ukuran font yang spesifik (15 point), dan ketebalan huruf (boldface):

H1 {font-size: 15pt;

font-weight: bold}

Anda kemudian dapat membuat definisi style untuk sejumlah tag HTML dan menempatkan nya pada file terpisah atau sisipkan langsung pada halaman web.

Referensi Style

Atribut

Deskripsi

Nilai

Contoh

font-size

Sets size of text.

points (pt)
inches (in)
centimeters (cm)
pixels (px)

{font-size: 12pt}

font-family

Sets typeface.

typeface name
font family name

{font-family: courier}

font-weight

Sets thickness of type.

extra-light
light
demi-light
medium
demi-bold
bold
extra-bold

{font-weight: bold}

font-style

Italicizes text.

normal
italic

{font-style: italic}

line-height

Sets the distance between baselines.

points (pt)
inches (in)
centimeters (cm)
pixels (px)
percentage (%)

{line-height: 24pt}

color

Sets color of text.

color-name
RGB triplet

{color: blue}

text-decoration

Underlines or otherwise highlights text.

none
underline
italic
line-through

{text-decoration: underline}

margin-left

Sets distance from left edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-left: 1in}

margin-right

Sets distance from right edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-right: 1in}

margin-top

Sets distance from top edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-top: -20px}

text-align

Sets justification.

left
center
right

{text-align: right}

text-indent

Sets distance from left margin.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{text-indent: 0.5in}

background

Sets background images or colors.

URL,
color-name
RGB triplet

{background: #33CC00}