CSS Referensierensi

Berikut ini daftar referensi CSS dari A-Z dalam tabular data.



Selektor CSS 

Dalam CSS, penyeleksi/ selektor merupakan pola yang digunakan untuk memilih elemen (s). Kolom "CSS" menunjukkan di mana versi CSS properti didefinisikan (CSS1 atau CSS2).

SelectorExampleExample Selects:CSS
.class.introSemua elemen dengan class="intro"1
#id#firstnameElemen dengan id="firstname"1
**Semua elemen2
[attribute][target]Semua elemen dengan target attribute2
[attribute=value][target=_blank]Semua elemen dengan target attribute = "_blank"2
[attribute~=value][title=flower]Semua elemen dengan title attribute yang berisi spasi dan sipisahkan dengan kata, salah satunya adalah "flower"2
[attribute|=language][lang|=en]Semua elemen dengan title attribute yang berisi "en", bahkan bisa juga "en-us"2
elementpSemua elemen <p>1
element,elementdiv,pSemua elemen <div> dan <p>1
element elementdiv pSemua elemen <p> yang berada dalam elemen <div>1
element>elementdiv>pSemua elemen <p> yang memiliki parent elemem <div>2
element+elementdiv+pSemua elemen <p> yang diletakan setelah elemen <div>2
:activea:activeLink yang aktive1
:afterp:afterKontent diletakan setelah elemen <p>2
:beforep:beforeKontent diletakan sebelum elemen <p>2
:first-childp:first-childSemua elemen <p> yang merupakan anak pertama dari induk / parent2
:first-letterp:first-letterSemua huruf pertama dari elemen <p>1
:first-linep:first-lineSemua baris pertama dari elemen <p>
1
:focusinput:focusInput element yang focus2
:hovera:hoverLink ketika mouse di letakan diatasnya1
:lang(language)p:lang(it)Semua elemen <p> yang berisi attribute lang = it2
:linka:linkSemua link dengan attribut href1
:visiteda:visitedSemua link yang teah dikunjungi1



Properti CSS

Kolom "CSS" menunjukkan di mana versi CSS properti didefinisikan (CSS1 atau CSS2)

PropertyDescriptionCSS
backgroundMengatur semua properti background dalam satu deklarasi1
background-attachmentMenentukan apakah gambar latar belakang tetap atau menscroll dengan sisa halaman1
background-colorAtur background color dari sebuah element1
background-imageAtur background image dari sebuah element1
background-positionMengatur posisi awal dari gambar latar belakang1
background-repeatMengatur bagaimana gambar latar belakang akan diulang1
borderMengatur properti border dalam satu deklarasi1
border-bottomMengatur semua properti border bottom dalam satu deklarasi
1
border-bottom-colorMengatur warna border bottom dalam satu deklarasi2
border-bottom-styleMengatur style border bottom dalam satu deklarasi
2
border-bottom-widthMengatur lebar border bottom dalam satu deklarasi
1
border-colorMengatur warna border
1
border-collapseMenentukan apakah ada atau tidak perbatasan tabel2
border-leftMengatur semua properti border left dalam satu deklarasi
1
border-left-colorMengatur warna border left2
border-left-styleMengatur style border left
2
border-left-widthMengatur lebar border left
1
border-rightMengatur semua properti border right dalam satu deklarasi
1
border-right-colorMengatur warna dari border right2
border-right-styleMengatur style dari border right
2
border-right-widthMengatur lebar dari border right
1
border-spacingMenentukan jarak antara batas sel yang berdekatan2
border-styleMengatur style dari 4 border1
border-topMengatur semua properti border top dalam satu deklarasi
1
border-top-colorMengatu warna dari border top2
border-top-styleMengatu style dari border top
2
border-top-widthMengatu lebar dari border top
1
border-widthMengatu lebar dari 4 border
1
bottomMengatur tepi margin bawah untuk kotak yang diposisikan2
caption-sideMenentukan penempatan judul tabel2
clearMenentukan sisi elemen di mana unsur-unsur terapung lainnya yang tidak diperbolehkan1
clipElemen klip yang diposisikan absolute2
colorAtur warna dari text1
contentGunakan dengan pseudo-class :before dan :after pseudo-elements, untuk mengenerate content2
counter-incrementIncrement satu atau lebih sebuah counters2
counter-resetMenciptakan atau me-reset satu atau lebih counters2
cursorMenentukan jenis kursor yang akan ditampilkan2
directionMenentukan arah arah teks / tulisan2
displayMenentukan jenis kotak elemen yang harus ditampilkan1
empty-cellsMenentukan apakah iya atau tidak untuk menampilkan perbatasan dan latar belakang pada sel kosong dalam sebuah tabel2
floatMenentukan harus mengapung atau tidak1
fontAtur semua font properti dlam satu deklarasi1
font-familyMengatur font family untuk text1
font-sizeMengatur font size untuk text1
font-styleMengatur font style untuk text
1
font-variantMenentukan apakah suatu teks harus ditampilkan dalam font small-caps1
font-weightMenentukan tebal dari sebuah font1
heightMengatur tinggi sebuah element1
leftMengatur tepi margin yang tersisa untuk kotak yang dposisikan2
letter-spacingMenambah atau mengurangi ruang antara karakter dalam teks1
line-heightMengatur tinggi baris1
list-styleMengatur semua properti untuk list dalam satu deklarasi1
list-style-imageMenentukan gambar sebagai penanda daftar-item1
list-style-positionMenentukan apakah penanda daftar-item akan muncul di dalam atau di luar aliran konten1
list-style-typeMenentukan jenis daftar-item penanda1
marginMengatur semua properti margin dalam satu deklarasi
1
margin-bottomMengatur margin bottom sebuah elemen
1
margin-leftMengatur margin left sebuah elemen
1
margin-rightMengatur margin right sebuah elemen1
margin-topMengatur margin top sebuah elemen1
max-heightAtur tinggi maximum sebuah elemen
2
max-widthAtur lebar maximum sebuah elemen
2
min-heightAtur tinggi minimum sebuah elemen
2
min-widthAtur lebar minimum sebuah elemen2
orphansMengatur jumlah minimum baris yang harus ditinggalkan di bagian bawah halaman ketika halaman break terjadi pada sebuah elemen2
outlineAtur semua properti outline dalam satu deklarasi
2
outline-colorAtur warna sebuah outline2
outline-styleAtur style sebuah outline2
outline-widthAtur lebar sebuah outline2
overflowMenentukan apa yang terjadi jika konten melebihi kotak elemen yang tersedia2
paddingAtur semua properti padding dalam satu deklarasi
1
padding-bottomAtur padding bawah sebuah elemen
1
padding-leftAtur padding kiri sebuah elemen
1
padding-rightAtur padding kanan sebuah elemen
1
padding-topAtur padding atas sebuah elemen1
page-break-afterMengatur prilaku page-breaking setelah sebuah elemen
2
page-break-beforeMengatur prilaku page-breaking sebelumsebuah elemen
2
page-break-insideMengatur prilaku page-breaking didalam sebuah elemen2
positionMenentukan jenis posisi untuk suatu elemen2
quotesMengatur jenis tanda kutip untuk kutipan tertanam2
rightMengatur margin tepi kanan untuk kotak2
table-layoutMengatur tata letak algoritma yang akan digunakan untuk tabel2
text-alignMenentukan alignment horizontal teks1
text-decorationMenentukan dekorasi yang ditambahkan ke teks1
text-indentMenentukan indentasi dari baris pertama dalam teks-blok1
text-shadowMenentukan efek bayangan yang ditambahkan ke dalam teks2
text-transformMengontrol kapitalisasi teks1
topMengatur margin atas tepi untuk sebuah kotak2
unicode-bidi 2
vertical-alignMengatur alignment vertikal dari elemen1
visibilityMenentukan apakah elemen terlihat atau tidak2
white-spaceMenentukan bagaimana spasi di dalam elemen ditangani1
widowsMengatur jumlah minimum baris yang harus ditinggalkan di bagian atas halaman 2
widthMengatur lebar elemen1
word-spacingMenambah atau mengurangi ruang antara kata-kata dalam teks1
z-indexMengatur urutan tumpukan elemen2
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda