Antara Cinta dan Sekolah

Terpanah asmara memang menyenangkan. Tatkala sang cupid cinta telah memanahkan busurnya, tidak ada yang bisa menduga kemana ujungnya. Membicarakan tentang cinta memang tidak akan habisnya, mulai dari zaman Adam dan Hawa hingga zaman Galih dan Ratna. Setiap orang mempunyai pengertian cinta yang berbeda-beda.

Namun bagaimana jika rasa cinta itu hadir ketika masih berstatus anak sekolah? Ya, anak sekolah yang masih lekat dengan aturan-aturan. Anak sekolah berarti masih menyandang status siswa, baik siswa Sekolah Menengah Pertama maupun siswa Sekolah menengah Atas. Syukur-syukur orang tua menerapkan kebebasan bertanggung jawab di keluarga. Jika tidak, apa jadinya cinta yang sudah terlanjur ada kepada si dia? Bagaimana ya menyelaraskan antara cinta dan sekolah?

Sebagian orang tua ada yang menetapkan aturan “tidak boleh berpacaran sebelum usia tujuh belas tahun”. Hal ini dimaksudkan bukan untuk membatasi pergaulan anak-anak, namun lebih kepada tugas belajar si anak pada usia sekolah yang tidak ingin terabaikan. Idealnya kehadiran sang kekasih akan menjadi sesuatu penyemangat untuk diri Anda. Bisa menjadi bahan perhatian, jika kehadiran sang kekasih membawa perubahan ke arah yang baik, maka cinta yang dialami adalah cinta yang positif. Cinta semacam ini sudah sepantasnya untuk diteruskan. Mengerjakan tugas bersama dengan sang kekasih hati, bertukar pikiran seputar permasalahan pembelajaran di sekolah serta saling menyemangati untuk menjadi yang terbaik. Jangan sampai perasaan yang amat istimewa itu justru menjauhkan dari yang namanya prestasi.

Karena jika keadaannya seperti ini barangkali jalur cinta yang dilalui berada pada jalur cinta yang salah. Untuk permasalahan yang satu ini ada baiknya meninjau kembali perasaan cinta kepada si dia. Untuk apa jika seandainya perasaan cinta tersebut justru tidak bisa menjadi penyemangat untuk menjadi lebih baik? Bukankah cinta yang indah diharapkan mengukir prestasi yang indah pula? Perasaan cinta sampai kapanpun tidak akan pernah salah, namun barangkali pemahaman akan cinta yang salah dalam pelaksanaannya. Tinggal bagaimana menyikapinya.

Jika melihat pergaulan remaja pada zaman sekarang, penanaman ilmu dari keluarga sudah sepantasnya diterapkan oleh orang tua. Sebagai orang tua juga harus bijak melihat dan memperhatikan perkembangan remaja. Mengekang terlalu keras juga pada akhirnya berdampak tidak baik untuk anak. Ketika anak sudah mengenal cinta di bangku sekolah, biarkan mereka menikmati rasa tersebut. Namun ada batasan-batasan yang mesti diberikan. Semisal, tidak boleh pulang lebih dari jam sembilan malam, nilai pelajaran sekolah harus tetap bagus atau bahkan boleh mengenal cinta namun harus rangking di sekolah. Memperhatikan siapa teman-teman bermain anak, di lingkungan permainan yang seperti apa, ini penting dilakukan agar remaja tidak salah pergaulan. Ketika orang tua memberi kepercayaan dan kebebasan, maka jagalah dengan baik. Nah, sudah bisa untuk menyelaraskan antara cinta dan sekolah kan? Cinta tetap berjalan, prestasi juga tetap cemerlang.

singkatan gaul

Pernah kebingungan mendengar singkatan2 indo ? SKSD ? Lemot

Abas     Anak Basket Abol     Anak Bola ABG     Anak Baru Gaul ABG     Angkatan Babe Gue, Anak Baru Gede, Anak Buah Gorgom ABS     Asal Bapak Senang, Asal Bisa Stop AFI     Akademi Fresiden Indonesia Agus     Agak Gundul Sedikit Alba     Alim Alim Bangsat Amigos     Agak Minggir Got Sedikit Anggun     Anggota Ragunan Asbak     Asal Tebak Anwar     Anak Warung Asbun     Asal Bunyi Bakiak     Bau Ketiak Basket     Basah Ketek BB     Bau Badan Bebek     BH lu robek Bejo     Bengong Jorok Bencong     Bengkel Cinta OK Ngga Berger     Bergerak Betz     Banget BF     Belah Finggir Bigos     Biang Gosip BKAG     Biar Kecekek Asal Gaya BM     Bau Mulut BonBin     Kebon Binatang Botol     Bodoh dan Tolol BT     Bau Tai, Birahi Tinggi Bunper     Bunderan Pergaulan Botol     Botak Tolol Camat     Cadangan Mati Caper     Cari Perhatian Carmuk     Cari Muka CCP     Curi Curi Pandang CCS     Cerita Cerita Seru CINTA     Cerita Indah Namun Tiada Artinya Cipika Cipiki     Cium Pipi Kanan Cium Pipi Kiri CLBK     Cinta Lama Bersemi Kembali Cebol     Cewek Tukang Be'ol Curhat     Curahan Hati Dugem     Dunia Gemerlap Eddy Tansil     Ejakulasi Dini Tanpa Hasil EGP     Emang Gue Pikirin, Emang Gue Pinter Eksmud     Eksekutif Muda FBI     Fans Berat Inul Gabuts     Gaji Buta Ganad     Gagap Nada Gaptek     Gagap Teknologi Gatot     Gagal Total GB     Gaji Buta Gifo     Gila Foto GPTB     Gagah Perkasa Tanpa Busana Gunawan     Gundul Menawan HBL     Haus Belaian Laki-laki HBP     Haus Belaian Pria HBW     Haus Belaian Wanita HTI     Hubungan Tanpa Ikatan HTS     Hubungan Tanpa Status Idi     Idiot Ijo Lumut     Ikatan Jomblo Lucu Dan Imut Internet     Indomi Pakai Telor Dan Kornet Jaim     Jaga Imej Jawa     Jaga Wibawa Jibang     Jijik Banget Jojoba     Jomblo Jomblo Bahagia Jorki     Jorok Sekali JTJBMTM     Janji Tinggal Janji Bulan Madu Tinggal Mimpi Kersik     Keren dan Asik KisMis     Kisah Misteri Kolang Kaling Dalam Gelas     Calling Calling Kalo Nggak Jelas Kutilang Darat     Kurus Tinggi Langsing Dada Rata KumKeb     Kumpul Kebo Kuper     Kurang Pergaulan Kuli     Kurang Digauli Kamsia     Kampungan Amat Sih Ya KJM     Ketinggalan Jaman Millennium Kucing     Kurus Ceking Lambreta     Lama Banget Lemot     Lemah Otak Macho     Mantan Cowo Madesu     Masa Depan Suram Muksgils     Muke Gile!! Mupeng     Muka Pengen MBA     Makin Botak Aja MT     Makan Temen Meeting (mi-ting)     Mijit yang penting penting Mieting     Mie ting-ting Nasgorkam     Nasi goreng Kambing Nagoris     Nasi Goreng Istimewa Ngelanjor     Ngelamun Jorok Nomat     Nonton Hemat NTR     Ndengkur to remember Nyandu     Nyantai Duluuu Nyabu     Nyarap bubur OKB     Orang Kaya Baru Omdo     Omong Doang Orgil     Orang Gila OTBGT     On Time Banget OTW     On The Way Pahe     Paket Hemat Panas     Paket Nasi Parkit     Parkir Timur Senayan Parno     Paranoid PBM     Pasukan Berani Malu Pendekar     Pendek dan Kekar Pengacara     Pengangguran Banyak Acara Pisbak     Pisang Bakar PPPWPP     Perkumpulan Pria Penggoda, Wanita Penggoda Pria PSPB     Pulang Sekolah Pasti Bobo PW     Posisi Wuenak PIL     Pria Idaman Lain Pesantren     Pengangguran sangat keren Pecun     Perempuan Cuantik Ramlan     Ramai Lancar Ropang     Roti Panggang Rotbak     Roti Bakar Rapat     Raba-raba Pantat Sakaw     Sakit Karena Wanita, Sakit Karena Putaw Salting     Salah Tingkah Sate Kambing     Saya Yang Kate, Kamu Yang Bingung SDM     Selamatkan Diri Masing-masing Sekwilda     Sekitar Wilayah Dada Semampai     Semeter Tak Sampai SGM     Sinting Gila Miring SH     Susah Hidup Simatupang     Siang Malam Tunggu Panggilan Simpatik     Simpanse Pakai Batik Sitak     Sipit dan Pitak SKS     Sistem Kebut Semalem SKSD     Sok Kenal Sok Dekat SKSD Palapa     Sok Kenal Sok Dekat Padahal Tak Tahu Apa Apa SLI     Selingkuh Indah, Selingan Indah Keluarga Utuh SLJJ     Semester Lima Jomblo Juga Spanyol     Separo Nyolong SPT     Spesial Pakai Telor STMJ     Salah Tingkah Malu Jadinya STMJ     Semester Tiga (atau Tujuh) Masih Joblo STOP     Silahkan Tekan Oejoengnya Pleaseee Sugus     Sudah Gundul Semua Sumpe D Lo     Susu Tumpe Di Muke Lo Susu Sapi     Suka Suka Sabtu Pagi Taman Anggrek     Tampan .. Sayang Brengsek! Tarkam     Tawuran Antar Kampung Titi DJ Dedi Dores     Hati-hati Di Jalan Dengan Diiringi Doa Restu Titi DJ Bucek Deep     Hati-hati Di Jalan Jangan Buru-buru Cek In Didepan TJ     Tidak Jelas ToMingSe     Tolong Minggir Sedikit ToMingSe     Tolong Mingkem Sedikit TOPBGTSDPRD     Top Banget Super Duper Power Ranger Deh! TP     Tebar Pesona TTM     Teman Tapi Mesra TVRI     Televisi Raja Iuran UGD     Ukuran Gede Dong! Ucok     Ukurannya Cocok Ultah     Ulang Tahun UUT     Ujung-Ujungnya Tampang UUD     Ujung-Ujungnya Duit WTS     Warung Tempat Santai WIL     Wanita Idaman Lain .

10 KUALITAS KEPRIBADIAN BAIK

10 KUALITAS KEPRIBADIAN BAIK

Ketulusan

Ketulusan menempati peringkat pertama sebagai sifat yang paling disukai oleh
semua orang. Ketulusan membuat orang lain merasa aman dan dihargai karena
yakin tidak akan dibodohi atau dibohongi. Orang yang tulus selalu mengatakan
kebenaran, tidak suka mengada-ada, pura- pura, mencari-cari alasan atau
memutarbalikkan fakta. Prinsipnya “Ya diatas Ya dan Tidak diatas Tidak”.
Tentu akan lebih ideal bila ketulusan yang selembut merpati itu diimbangi
dengan kecerdikan seekor ular. Dengan begitu, ketulusan tidak menjadi
keluguan yang bisa merugikan diri sendiri.

Kerendahan Hati

Berbeda dengan rendah diri yang merupakan kelemahan, kerendah hatian justru
mengungkapkan kekuatan. Hanya orang yang kuat jiwanya yang bisa bersikap
rendah hati. Ia seperti padi yang semakin berisi semakin menunduk. Orang
yang rendah hati bisa mengakui dan menghargai keunggulan orang lain. Ia bisa
membuat orang yang diatasnya merasa oke dan membuat orang yang di bawahnya
tidak merasa minder.

Kesetiaan

Kesetiaan sudah menjadi barang langka & sangat tinggi harganya. Orang yang
setia selalu bisa dipercaya dan diandalkan. Dia selalu menepati janji, punya
komitmen yang kuat, rela berkorban dan tidak suka berkhianat.

Positive Thinking

Orang yang bersikap positif (positive thinking) selalu berusaha melihat
segala sesuatu dari kacamata positif, bahkan dalam situasi yang buruk
sekalipun. Dia lebih suka membicarakan kebaikan daripada keburukan orang
lain, lebih suka bicara mengenai harapan daripada keputusasaan, lebih suka
mencari solusi daripada frustasi, lebih suka memuji daripada mengecam, dan
sebagainya.

Keceriaan

Karena tidak semua orang dikaruniai temperamen ceria, maka keceriaan tidak
harus diartikan ekspresi wajah dan tubuh tapi sikap hati. Orang yang ceria
adalah orang yang bisa menikmati hidup, tidak suka mengeluh dan selalu
berusaha meraih kegembiraan. Dia bisa mentertawakan situasi, orang lain,
juga dirinya sendiri. Dia punya potensi untuk menghibur dan mendorong
semangat orang lain.

Bertanggung jawab

Orang yang bertanggung jawab akan melaksanakan kewajibannya dengan
sungguh-sungguh. Kalau melakukan kesalahan, dia berani mengakuinya.
Ketika mengalami kegagalan, dia tidak akan mencari kambing hitam untuk
disalahkan. Bahkan kalau dia merasa kecewa dan sakit hati, dia tidak akan
menyalahkan siapapun. Dia menyadari bahwa dirinya sendirilah yang
bertanggung jawab atas apapun yang dialami dan dirasakannya.

Percaya Diri

Rasa percaya diri memungkinkan seseorang menerima dirinya sebagaimana
adanya, menghargai dirinya dan menghargai orang lain. Orang yang percaya
diri mudah menyesuaikan diri dengan lingkungan dan situasi yang baru. Dia
tahu apa yang harus dilakukannya dan melakukannya dengan baik.

Kebesaran Jiwa

Kebesaran jiwa dapat dilihat dari kemampuan seseorang memaafkan orang lain.
Orang yang berjiwa besar tidak membiarkan dirinya dikuasai oleh rasa benci
dan permusuhan. Ketika menghadapi masa- masa sukar dia tetap tegar, tidak
membiarkan dirinya hanyut dalam kesedihan dan keputusasaan.

Easy Going

Orang yang easy going menganggap hidup ini ringan. Dia tidak suka
membesar-besarkan masalah kecil. Bahkan berusaha mengecilkan masalah-
masalah besar. Dia tidak suka mengungkit masa lalu dan tidak mau khawatir
dengan masa depan. Dia tidak mau pusing dan stress dengan masalah-masalah
yang berada di luar kontrolnya.

Empati

Empati adalah sifat yang sangat mengagumkan. Orang yang berempati bukan saja
pendengar yang baik tapi juga bisa menempatkan diri pada posisi orang lain.
Ketika terjadi konflik dia selalu mencari jalan keluar terbaik bagi kedua
belah pihak, tidak suka memaksakan pendapat dan kehendaknya sendiri. Dia
selalu berusaha memahami dan mengerti orang lain.

puisi puisi karya mustopa bisri

CINTAMU
bukankah aku sudah mengatakan kepadamu kemarilah
rengkuh aku dengan sepenuh jiwamu
datanglah aku akan berlari menyambutmu
tapi kau terus sibuk dengan dirimu
kalaupun datang kau hanya menciumi pintu rumahku
tanpa meski sekedar melongokku
kau hanya membayangkan dan menggambarkan diriku
lalu kau rayu aku dari kejauhan
kau merayu dan memujaku
bukan untuk mendapatkan cintaku
tapi sekedar memuaskan egomu
kau memarahi mereka
yang berusaha mendekatiku
seolah olah aku sudah menjadi kekasihmu
apakah karena kau cemburu buta
atau takut mereka lebih tulus mencintaiku
Pulanglah ke dirimu
aku tak kemana mana

2005

HANIEN
mestinya malam ini
bisa sangat istimewa
seperti dalam mimpi mimpiku
selama ini

kekasih, jemputlah aku
kekasih, sambutlah aku
aku akan menceritakan kerinduanku
dengan kata kata biasa
dan kau cukup tersenyum memahami deritaku
lalu kuletakkan kepalaku yang penat
di haribaanmu yang hangat
kekasih, tetaplah di sisiku
kekasih, tataplah mataku
tapi seperti biasa
sekian banyak yang ingin kukatakan tak terkatakan
sekian banyak yang ingin kuadukan
diambilalih oleh airmataku
kekasih, dengarlah dadaku
kekasih, bacalah airmataku

malam ini belum juga
seperti mimpi mimpiku
selama ini
malam ini
lagi lagi kau biarkan
sepi mewakilimu.

 Gelisahku

gelisahku adalah gelisah purba
adam yang harus pergi mengembara tanpa diberitahu
kapan akan kembali
bukan sorga benar yang kusesali karena harus kutinggalkan
namun ngungunku mengapa kau tinggalkan
aku sendiri
sesalku karena aku mengabaikan kasihmu yang agung
dan dalam kembaraku di mana kuperoleh lagi kasih
sepersejuta saja kasihmu
jauh darimu semakin mendekatkanku kepadamu
cukup sekali, kekasih
tak lagi,
tak lagi sejenak pun
aku berpaling
biarlah gelisahku jadi dzikirku

Sajak Cinta
cintaku kepadamu belum pernah ada contohnya
cinta romeo kepada juliet si majnun qais kepada laila
belum apa-apa
temu pisah kita lebih bermakna
dibandingkan temu-pisah Yusuf dan Zulaikha
rindu-dendam kita melebihi rindu-dendam Adam
dan Hawa

aku adalah ombak samuderamu
yang lari datang bagimu
hujan yang berkilat dan berguruh mendungmu
aku adalah wangi bungamu
luka berdarah-darah durimu
semilir bagai badai anginmu

aku adalah kicau burungmu
kabut puncak gunungmu
tuah tenungmu
aku adalah titik-titik hurufmu
kata-kata maknamu

aku adalah sinar silau panasmu
dan bayang-bayang hangat mentarimu
bumi pasrah langitmu

aku adalah jasad ruhmu
fayakun kunmu

aku adalah a-k-u
k-a-u
mu

Rembang, 30-9-1995

Seporsi Cinta
(Diilhami oleh kekasih yang lapar)
Seporsi cinta
Tak habis  dimakan
Berdua, sayang

Seporsi cinta
Bila tak habis dimakan
Dibuang sayang

1999


Sajak Putih Buat Kekasih
Aku datang pergi berharap dan kecewa
Tapi biarlah
Kasih,
Biar kebersamaan kita dengan demikian
Abadi.

1998

Aku Tak Akan Memperindah Kata-kata
Aku tak akan memperindah kata-kata
Karena aku hanya ingin menyatakan
Cinta dan kebenaran

Adakah yang lebih indah dari
Cinta dan kebenaran
Maka memerlukan kata-kata indah?

1997

Kau dan Aku
Bahagia saat kita duduk di pendapa, kau dan aku.
Dua sosok dua tubuh namun hanya satu jiwa, kau dan aku.
Harum semak dan nyanyi burung menebarkan kehidupan
Pada saat kita memasuki taman, kau dan aku.
Bintang-bintang yang beredar sengaja menatap kita lama-lama;
Bagai bulan kita bagikan cahaya terang bagi mereka.
Kau dan aku, yang tak terpisahkan lagi,
menyatu dalam nikmat tertinggi,
Bebas dari cakap orang, kau dan aku.
Semua burung yang terbang dilangit mengidap iri
Lantaran kita tertawa-tawa riang sekali, kau dan aku.
Sungguh ajaib, kau dan aku, yang duduk bersama disudut
rahasia,
Pada saat yang sama berada di Iraq dan Khorastan, kau dan aku. 

Ganti Hati

ADA kesan yang mendalam bahwa sakit saya yang parah kemarin-kemarin itu karena saya kerja terlalu keras. Seorang ibu sampai menasihati anaknya begini: Jangan kerja terus seperti itu. Nanti seperti Pak Dahlan Iskan!

Setelah menerima SMS dari Saudara Socrates, teman di Batam yang lahir di Padang itu, saya jadi merasa bersalah. Ternyata, saya kurang pandai menjelaskan bahwa sakit saya ini bukan karena kerja keras, tapi karena saya terkena virus hepatitis B. Memang, setelah virus itu berkembang menjadi sirosis dan kemudian kanker, sebaiknya tidak kerja keras lagi. Tapi, itu bukan berarti akan menyembuhkan sakitnya, melainkan memperlambat saja perkembangannya.

Tentu memperlambat juga amat baik. Hanya, saya tidak memilih itu karena saya punya filsafat sendiri dalam menyikapi umur manusia. Saya memilih berumur pendek tapi bermanfaat, daripada umur panjang tapi tidak bisa berbuat banyak. Jalan pikiran saya itu biasanya saya ungkapkan ke teman-teman dengan istilah: intensifikasi umur.

Tentu kalau masih ada pilihan lain, saya akan memilih yang terbaik. Misalnya, ya berumur panjang, ya bermanfaat.

Tentu, saya akan merasa sangat berdosa kalau gara-gara tulisan saya ini banyak orang takut bekerja keras. Bangsa ini memerlukan puluhan juta orang yang gigih.

Kalau saya akan dijadikan contoh jelek, jangan dikaitkan dengan kerja keras, melainkan kaitkan saja dengan kecerobohan. Misalnya, jangan sampai terkena virus hepatitis seperti Pak Dahlan Iskan!

***

Kesan yang lain dari serial tulisan saya ini adalah bahwa rumah sakit-rumah sakit di Tiongkok hebat. Sampai-sampai beberapa dokter menghubungi saya bagaimana kalau mereka studi banding ke Tiongkok untuk belajar manajemennya.

Kepada para dokter itu, saya bilang bahwa ide tersebut kurang tepat. Belajar manajemen dan pelayanan rumah sakit jangan ke Tiongkok. Manajemen dan pelayanan rumah sakit-rumah sakit kita, secara umum, lebih baik. Terutama yang swasta. Memang, belakangan ini semakin banyak rumah sakit di Tiongkok yang lebih modern, tapi masih belum mencapai tingkat kecanggihan seperti di Singapura, bahkan di Malaysia sekalipun. Masih perlu satu kurun lagi untuk mencapai tahap itu. Ini karena, meski secara fisik dan peralatan sudah amat modern, carry over problems masih terbawa. Kebiasaan lama orang-orangnya tidak bisa begitu saja berubah.

Saya sendiri sering berdebat dengan petugas kebersihan toilet di Graha Pena Jawa Pos Surabaya mengenai pertanyaan ini: sudah bersihkah toilet ini? Saya menilai belum. Tapi, petugas menilai "sudah amat bersih". Saya bisa memahami itu karena toilet ini mungkin sudah lebih bersih daripada kamar tidur di rumahnya sekalipun.

Saya tidak bisa marah karena tahu berapa gajinya dan bagaimana latar belakang ekonominya. Biasanya, saya hanya memberikan contoh dengan cara mengelap sendiri bagian-bagian yang kurang bersih itu di depan dia. Lama-lama standar kebersihannya berubah. Tapi, memang perlu waktu dan kesabaran.

Kalau toh mau belajar ke Tiongkok adalah mengenai keseriusan riset dan semangat untuk majunya. Karena mereka sangat unggul di situ, saya yakin tidak lama lagi rumah sakit di Tiongkok akan mencapai tahap seperti Singapura, lebih cepat daripada waktu yang kita perlukan.

Kecepatan itu akan fantastis kalau saja Tiongkok mengizinkan berdirinya rumah sakit swasta. Sampai sekarang, semua rumah sakit masih milik pemerintah. Rumah sakit juga menjadi sentral semua urusan kesehatan karena tidak boleh ada dokter praktik di sana. Semua dokter fokus bekerja di rumah sakit.

***

Berapakah biaya yang saya keluarkan untuk mereparasi organ-organ saya itu? Kalau di penutup tulisan ini saya memberikan isyarat jumlahnya, itu sudah meliputi semua pengeluaran. Biaya operasinya sendiri tidak besar untuk ukuran saya. Mungkin seharga rumah tipe 100 di lokasi yang sedang.

Seandainya saya hanya punya rumah seperti itu pun, saya akan jual kalau harus melakukan transplantasi ini. Itu juga yang dilakukan bapak saya ketika ibu sakit: Menjual apa pun, termasuk alat-alat tukang kayunya, dan satu-satunya. Kalau waktu itu tidak menjual rumah, itu karena tidak akan ada orang yang mau membeli rumah lantai tanah di pelosok desa.

Dari seluruh pengeluaran, yang terbanyak adalah untuk pendukungnya. Misalnya, transportasi lokal, akomodasi, dan konsumsi saya sekeluarga, wira-wiri saya sekeluarga dari Indonesia ke Tiongkok, dan sebagainya. Biaya itu juga sudah termasuk pengobatan sejak terjadinya muntah darah pada 2005.

Jadi, biaya terbesar sebenarnya bisa ditekan sesuai dengan kemampuan. Misalnya, membatasi keluarga yang harus wira-wiri. Di Tiongkok juga jangan tinggal di hotel, tapi cari apartemen murah saja. Itu pun sewa saja. Misalnya, sewa enam bulan (tidak bisa sewa kurang dari enam bulan).

Transportasi yang bagaimana juga memengaruhi besarnya biaya. Naik kendaraan umum? Taksi? Beli mobil sendiri? (Kebetulan saya beli mobil kelas Toyota Corolla dan itu berarti juga harus punya sopir). Makan dengan masak sendiri atau setiap makan ke restoran? Dan banyak lagi. Satu orang dan yang lain tidak akan sama. Kalau semua biaya itu ditotal, untuk kasus saya ini, biaya operasinya sendiri tidak sampai 20 persennya.

***

Semua itu tidak ada artinya dibanding nilai kesehatan yang saya peroleh. Tapi, juga sekaligus menyadarkan betapa mahalnya sehat itu. Imunisasi yang sekali suntik Rp 70.000 memang mahal. Tapi, apa artinya dibanding yang harus saya keluarkan ini?

Saya ingat kata-kata bijak di laboratorium Prodia: Waktu muda mati-matian bekerja sampai mengorbankan kesehatan untuk memperoleh kekayaan. Waktu tua menghabiskan kekayaan itu untuk membeli kembali kesehatannya -dan banyak yang gagal.

Kebetulan, saya tidak gagal. Dan lagi, saya kerja keras tidak semata-mata untuk mencari kekayaan. Di dunia ini banyak orang yang kerja keras tanpa bermaksud kerja keras. Atau sekadar hobi. Mainannya ya kerja keras itu. Seperti Pak Moh. Barmen, tokoh olahraga di Surabaya. Mainannya ya mengurus sepak bola itu.

Juga banyak sekali orang kerja keras yang karena didorong niat mulia -dan kekayaan hanya datang membuntutinya.

***

Kini saya tidak hanya hidup baru dengan liver baru, tapi juga dengan tanda baru di kulit perut saya. Yakni, tanda mirip simbol mobil Mercy (Mercedes Benz), bekas sayatan dari tiga arah yang menyatu di tengah. Boleh juga dibilang sayatan dari satu titik di tengah ke tiga arah. Tapi, simbol Mercy di kulit perut saya itu tidak sempurna. Seperti simbol Mercy yang digambar oleh anak berumur tiga tahun. Jelek tapi tetap terlihat Mercy-nya. Jelek wujudnya, tetap mahal citranya.

Kini saya punya dua Mercy. Yang satu, yang di rumah, adalah Mercy seri 500 keluaran 2005 yang dibeli dengan harga sekitar Rp 3 miliar. Satunya lagi "Mercy" di kulit perut saya. Jelek, tidak tahu seri berapa, tapi kira-kira sama harganya.

TAMAT

jadwal madrid

2nd Half					1st Half
Matchday	Rival		Date	Score	Matchday	Rival		Date	Score
20	Athletic Club		02/05/12		01	Athletic Club		22/01/12	4 - 1
21	Zaragoza		28/01/12	3 - 1	02	Zaragoza		28/08/11	0 - 6
22	Getafe		04/02/12	0 - 1	03	Getafe		10/09/11	4 - 2
23	Levante		12/02/12	4 - 2	04	Levante		18/09/11	1 - 0
24	Racing de Santander		18/02/12	4 - 0	05	Racing de Santander		21/09/11	0 - 0
25	Rayo Vallecano		26/02/12	0 - 1	06	Rayo Vallecano		24/09/11	6 - 2
26	Espanyol		04/03/12		07	Espanyol		02/10/11	0 - 4
27	Betis		10/03/12		08	Betis		15/10/11	4 - 1
28	Málaga		18/03/12		09	Málaga		22/10/11	0 - 4
29	Villarreal		21/03/12		10	Villarreal		26/10/11	3 - 0
30	Real Sociedad		25/03/12		11	Real Sociedad		29/10/11	0 - 1
31	Osasuna		01/04/12		12	Osasuna		06/11/11	7 - 1
32	Valencia		08/04/12		13	Valencia		19/11/11	2 - 3
33	At. Madrid		11/04/12		14	At. Madrid		26/11/11	4 - 1
34	Sporting de Gijón		15/04/12		15	Sporting de Gijón		03/12/11	0 - 3
35	Barcelona		22/04/12		16	Barcelona		10/12/11	1 - 3
36	Sevilla		29/04/12		17	Sevilla		17/12/11	2 - 6
37	Granada C.F		06/05/12		18	Granada C.F		07/01/12	5 - 1
38	Mallorca		13/05/12		19	Mallorca		14/01/12	1 - 2

Cascading Style Sheets

Dari Wikipedia, ensiklopedia bebas

"CSS" beralih ke halaman ini. Untuk kegunaan lain, lihat CSS (disambiguasi) .

Untuk penggunaan CSS di Wikipedia, lihat Bantuan: Cascading style sheet .

Cascading Style Sheets

Nama file ekstensi	.css
Internet jenis media	text/css
Dikembangkan oleh	Dunia Wide Web Consortium
Awal rilis	17 Desember 1996; 15 tahun yang lalu
Jenis format	Gaya lembar bahasa
Standar (s)	Tingkat 1 (Rekomendasi) Level 2 (Rekomendasi) Level 2 Revisi 1 (Rekomendasi)

Cascading Style Sheets
CSS Animasi Dinamis CSS Perbandingan tata letak mesin Perbandingan bahasa stylesheet Internet Explorer kotak bug Model CSS Zen Garden The Zen dari CSS Desain CSSTidy Gaya lembar Tableless desain web Holy Grail (web desain) Wikibooks: Cascading Style Sheets
Kotak ini: melihat berbicara mengedit

HTML
HTML dan HTML5 Dynamic HTML XHTML XHTML Basic XHTML Mobile Profile dan C-HTML Kanvas elemen Karakter pengkodean Document Object Model Browser Object Model Font keluarga HTML editor HTML elemen HTML Frames HTML5 Audio dan Video HTML5 HTML scripting Web browser mesin Quirks modus Style sheet Unicode dan HTML W3C dan WHATWG Web warna Web Penyimpanan WebGL Perbandingan Bahasa markup dokumen web browser tata letak mesin untuk HTML HTML5 HTML5 kanvas HTML5 Media Non-standar HTML XHTML ( 1.1 )
v t e

Cascading Style Sheets (CSS) adalah bahasa style sheet yang digunakan untuk menggambarkan semantik presentasi (tampilan dan format) dari dokumen yang ditulis dalam bahasa markup . Penerapannya paling umum adalah dengan gaya halaman web yang ditulis dalam HTML dan XHTML , tetapi bahasa juga dapat diterapkan untuk setiap jenis XML dokumen, termasuk polos XML , SVG dan XUL .
CSS dirancang terutama untuk memungkinkan pemisahan konten dokumen (yang ditulis dalam HTML atau bahasa markup yang mirip) dari penampilan dokumen, termasuk unsur-unsur seperti tata letak , warna , dan font . ^[1] Pemisahan ini dapat meningkatkan konten aksesibilitas , menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi karakteristik presentasi, memungkinkan beberapa halaman untuk berbagi format, dan mengurangi kompleksitas dan pengulangan dalam konten struktural (seperti dengan memungkinkan untuk desain web Tableless ). CSS juga dapat memungkinkan halaman markup yang sama yang akan disajikan dalam gaya yang berbeda untuk metode rendering yang berbeda, seperti di layar, di cetak, dengan suara (ketika dibacakan oleh browser pidato-based atau pembaca layar ) dan Braille berbasis, taktil perangkat. Hal ini juga dapat digunakan untuk memungkinkan halaman web untuk menampilkan secara berbeda tergantung pada ukuran layar atau perangkat yang sedang dilihat. Sementara penulis dokumen biasanya menghubungkan bahwa dokumen ke style sheet CSS, pembaca dapat menggunakan style sheet yang berbeda, mungkin satu di komputer mereka sendiri, untuk menimpa salah satu penulis telah ditentukan.
CSS menetapkan skema prioritas untuk menentukan aturan gaya berlaku jika sesuai aturan lebih dari satu melawan elemen tertentu. Dalam apa yang disebut kaskade, prioritas atau bobot dihitung dan ditugaskan untuk peraturan, sehingga hasilnya dapat diprediksi.
Spesifikasi CSS diselenggarakan oleh World Wide Web Consortium (W3C). Jenis media internet ( tipe MIME ) text/css terdaftar untuk digunakan dengan CSS oleh RFC 2318 (Maret 1998).

Isi  [hide]  1 Sintaks 1,1 Penggunaan 1,2 Sumber 2 Sejarah 2.1 Kesulitan dengan adopsi 2.2 Variasi 2.2.1 CSS1 2.2.2 CSS2 2.2.3 CSS 2.1 2.2.4 CSS3 2.2.5 CSS4 3 Browser dukungan 4 Keterbatasan 5 Keuntungan 6 CSS kerangka 7 Posisi 7.1 Posisi: atas, bawah, kiri, dan kanan 7,2 Float dan jelas 8 Lihat pula 9 Referensi 10 Bacaan lebih lanjut 11 Pranala luar

[ sunting ] Sintaks

CSS memiliki sederhana sintaks dan menggunakan sejumlah kata kunci Inggris untuk menentukan nama-nama berbagai gaya properti.
Sebuah style sheet terdiri dari daftar aturan. Setiap aturan atau aturan-set terdiri dari satu atau lebih penyeleksi dan satu blok deklarasi. Sebuah deklarasi-blok terdiri dari daftar deklarasi di kawat gigi. Setiap deklarasi itu sendiri terdiri dari properti, tanda titik dua ( : ), dan nilai. Jika ada multiple deklarasi di blok, sebuah semi-colon ( ; ) harus dimasukkan untuk memisahkan deklarasi masing-masing. ^[2]
Dalam CSS, penyeleksi digunakan untuk menyatakan mana dari elemen markup gaya diterapkan, semacam ekspresi pertandingan. Selectors mungkin berlaku untuk semua elemen dari tipe tertentu, atau hanya elemen yang cocok dengan atribut tertentu; elemen dapat disesuaikan tergantung pada bagaimana mereka ditempatkan relatif terhadap satu sama lain dalam kode markup, atau pada bagaimana mereka bersarang di dalam Document Object Model .
Pseudo-class adalah bentuk lain dari spesifikasi yang digunakan dalam CSS untuk mengidentifikasi unsur-unsur markup, dan dalam beberapa kasus, tindakan pengguna tertentu yang mana blok deklarasi tertentu berlaku. Contoh yang sering digunakan adalah :hover pseudo-class yang menerapkan gaya hanya bila 'poin untuk' pengguna elemen terlihat, biasanya dengan menekan kursor mouse di atasnya. Hal ini ditambahkan ke pemilih seperti pada a:hover atau #elementid:hover . Lain pseudo-kelas dan pseudo-elemen, misalnya, :first-line , :visited atau :before . Sebuah khusus pseudo-class adalah :lang(c) ., "c" ^{[ klarifikasi diperlukan ]}
Sebuah kelas pseudo-elemen seluruh memilih, seperti :link atau :visited , sedangkan elemen pseudo-membuat pilihan yang mungkin terdiri dari unsur parsial, seperti :first-line atau :first-letter .
Selectors dapat dikombinasikan dengan cara lain juga, terutama dalam CSS 2.1, untuk mencapai spesifisitas yang lebih besar dan fleksibilitas. ^[3]
Berikut adalah contoh menyimpulkan aturan di atas:

 pemilih [, selector2, ...] [: pseudo-class] {
  properti: nilai;
  [Property2: nilai2;
  ...]
 }
 / * Komentar * /

[ edit ] Penggunaan

Sebelum CSS, hampir semua atribut presentasional dokumen HTML yang terkandung dalam HTML markup; semua warna font, background, keberpihakan elemen, perbatasan dan ukuran harus secara eksplisit dijelaskan, sering berulang kali, dalam HTML. CSS memungkinkan penulis untuk bergerak jauh dari informasi tersebut untuk sebuah style sheet terpisah sehingga markup HTML cukup sederhana.
Judul ( h1 unsur), sub-judul ( h2 ), sub-sub-judul ( h3 ), dll, didefinisikan secara struktural menggunakan HTML. Di cetak dan di layar, pilihan huruf , ukuran , warna dan penekanan untuk elemen ini penyajian.
Sebelum CSS, dokumen penulis yang ingin menugaskan seperti tipografi karakteristik, katakanlah, semua h2 judul harus menggunakan HTML font dan elemen presentasi lain untuk setiap terjadinya jenis pos. Markup presentational tambahan dalam HTML dokumen dibuat lebih kompleks, dan umumnya lebih sulit untuk mempertahankan. Dalam CSS, presentasi dipisahkan dari struktur. Dalam cetak, CSS dapat menentukan warna, font, teks alignment, ukuran, batas, jarak, tata letak dan tipografi banyak karakteristik lainnya. Hal ini dapat melakukannya secara independen untuk di layar dan tampilan cetak. CSS juga mendefinisikan non-visual gaya seperti kecepatan dan penekanan dengan teks yang dibacakan oleh pembaca teks aural. The W3C sekarang menganggap keuntungan dari CSS untuk mendefinisikan semua aspek penyajian halaman HTML menjadi lebih unggul dari metode lain. Oleh karena itu telah usang penggunaan semua markup HTML asli penyajian.
File CSS dimasukkan ke dalam dokumen HTML menggunakan sintaks berikut:

 <Tautan rel = "stylesheet" href = "http://example.com/css/style.css" type = "text / css" />

[ sunting ] Sumber

CSS informasi dapat diberikan oleh berbagai sumber. CSS informasi gaya dapat berupa dilampirkan sebagai dokumen terpisah atau tertanam dalam dokumen HTML. Beberapa style sheet dapat diimpor. Gaya yang berbeda dapat diterapkan tergantung pada perangkat output yang digunakan, misalnya, versi layar bisa sangat berbeda dari versi cetak, sehingga penulis dapat menyesuaikan presentasi tepat untuk setiap media.
Prioritas skema untuk sumber CSS (dari tertinggi ke prioritas terendah):

• Penulis gaya (disediakan oleh penyusun halaman web), dalam bentuk:
  • Inline style, di dalam dokumen HTML, informasi gaya pada satu elemen, ditentukan dengan menggunakan "gaya" atribut
  • Embedded gaya, blok informasi CSS dalam HTML itu sendiri
  • Style sheet eksternal, yaitu, file CSS terpisah dirujuk dari dokumen
• Pengguna style:
  • Sebuah file CSS lokal pengguna menentukan dengan opsi browser, yang bertindak sebagai menimpa diterapkan untuk semua dokumen
• Pengguna agen gaya
  • Standar gaya yang diterapkan oleh agen pengguna, yaitu, pengaturan default browser untuk presentasi elemen

Style sheet dengan prioritas tertinggi mengontrol tampilan konten. Deklarasi tidak diatur dalam sumber prioritas tertinggi diteruskan ke sumber prioritas rendah seperti gaya agen pengguna. Proses ini disebut cascading.
Salah satu tujuan dari CSS adalah juga untuk memungkinkan pengguna kontrol yang lebih besar atas presentasi. Seseorang yang menemukan judul miring merah sulit dibaca mungkin menerapkan style sheet yang berbeda. Tergantung pada browser mereka dan situs web, pengguna dapat memilih dari style sheet yang disediakan oleh para desainer, mungkin menghapus semua gaya tambah dan melihat situs menggunakan styling default browser, atau dapat mengganti hanya gaya tajuk merah miring tanpa mengubah atribut lainnya .
Berkas highlightheaders.css berisi:

 h1 {color: white; background-color: orange penting;!}
 h2 {color: white; background-color: green penting;!}

[ sunting ] Sejarah

Style sheet sudah ada dalam satu bentuk sejak awal dari SGML pada 1980-an. Cascading Style Sheets dikembangkan sebagai alat untuk menciptakan pendekatan yang konsisten untuk memberikan informasi gaya untuk dokumen web.
Sebagai HTML tumbuh, itu datang untuk mencakup lebih banyak jenis gaya kemampuan untuk memenuhi tuntutan pengembang web . Evolusi ini memberikan desainer lebih mengontrol tampilan situs tapi pada biaya dari HTML menjadi lebih kompleks untuk menulis dan memelihara. Variasi dalam browser web implementasi, seperti ViolaWWW dan WorldWideWeb , ^[4] membuat penampilan situs konsisten sulit, dan pengguna memiliki kontrol yang kurang atas bagaimana konten web itu ditampilkan. Robert Cailliau ingin memisahkan struktur dari presentasi. ^[4] Cara ideal akan memberikan pengguna pilihan yang berbeda dan mentransfer tiga macam style sheet:. satu untuk pencetakan, satu untuk presentasi di layar dan satu untuk fitur editor ^[4]
Untuk meningkatkan kemampuan presentasi web, sembilan bahasa style sheet yang berbeda diusulkan ke World Wide Web Consortium daftar 's (W3C) www-gaya list. Dari sembilan proposal, dua dipilih sebagai dasar untuk apa yang menjadi CSS: Cascading Style Sheets HTML (CHSS) dan Stream berbasis Gaya Lembar Proposal (SSP). CHSS, sebuah bahasa yang memiliki beberapa kemiripan dengan hari ini CSS, diusulkan oleh Wium Lie Håkon pada Oktober 1994. Bert Bos sedang bekerja pada browser yang disebut Argo , yang menggunakan gaya sendiri bahasa lembar disebut SSP. ^[5] Lie dan Yves Lafon bergabung Dave Raggett untuk memperluas Arena browser untuk mendukung CSS sebagai testbed aplikasi untuk W3C. ^{[6] [7] [8]} Bos Lie dan bekerja sama untuk mengembangkan standar CSS (yang 'H' telah dihapus dari nama itu karena gaya ini lembaran juga dapat diterapkan pada bahasa markup lain selain HTML). ^[9]
Tidak seperti bahasa style yang ada seperti DSSSL dan TTS , CSS memungkinkan gaya dokumen akan dipengaruhi oleh beberapa style sheet. Satu style sheet dapat mewarisi atau "cascade" dari yang lain, memungkinkan campuran gaya preferensi dikendalikan sama oleh perancang situs dan user.
Usulan Lie dipresentasikan pada " Mosaic dan Web "konferensi (kemudian disebut www2) di Chicago, Illinois pada tahun 1994, dan lagi dengan Bert Bos pada tahun 1995. ^[9] Sekitar waktu ini W3C sudah sedang didirikan, dan mengambil minat dalam pengembangan CSS. Ini diselenggarakan lokakarya menuju akhir yang dipimpin oleh Steven Pemberton . Hal ini mengakibatkan W3C menambahkan bekerja pada CSS untuk kiriman dari redaksi Tinjauan HTML papan (ERB). Berbohong dan Bos adalah staf teknis utama pada aspek ini proyek, dengan anggota tambahan, termasuk Thomas Reardon dari Microsoft , berpartisipasi juga. Pada bulan Agustus 1996 Netscape Komunikasi Perusahaan disajikan lembar gaya bahasa alternatif yang disebut Style Sheets JavaScript (JSSS). ^[9] spec tidak pernah selesai dan sudah ditinggalkan. ^[10] Pada akhir 1996, CSS sudah siap untuk menjadi resmi, dan CSS tingkat 1 Rekomendasi diterbitkan pada bulan Desember.
Pengembangan dari HTML, CSS, dan DOM semua telah terjadi dalam satu kelompok, HTML Editorial Review Board (ERB). Pada awal 1997, Erb terpecah menjadi tiga kelompok kerja : Bekerja HTML kelompok, dipimpin oleh Dan Connolly dari W3C; DOM kelompok Kerja, dipimpin oleh Lauren Wood dari SoftQuad ; dan CSS kelompok Kerja, dipimpin oleh Chris Lilley dari W3C.
Kelompok Kerja CSS mulai menangani masalah yang belum ditangani dengan tingkat, CSS 1 sehingga penciptaan CSS tingkat 2 pada 4 November 1997. Buku ini diterbitkan sebagai Rekomendasi W3C pada tanggal 12 Mei 1998. CSS level 3, yang dimulai pada tahun 1998, masih dalam pengembangan sejak 2009.
Pada tahun 2005 Kerja CSS Grup memutuskan untuk menegakkan standar persyaratan lebih ketat. Ini berarti bahwa sudah diterbitkan standar seperti CSS 2.1, CSS 3 Selectors dan CSS 3 Teks ditarik kembali dari Calon Rekomendasi untuk tingkat Draft Bekerja.

[ sunting ] Kesulitan dengan adopsi

Meskipun CSS 1 spesifikasi selesai pada tahun 1996 dan Microsoft Internet Explorer 3 ^[9] dirilis pada tahun itu menampilkan beberapa dukungan terbatas untuk CSS, itu lebih dari tiga tahun sebelum web browser mencapai hampir penuh pelaksanaan spesifikasi. Internet Explorer 5.0 untuk Macintosh , dikirim pada Maret 2000, adalah browser pertama yang memiliki penuh (lebih baik dari 99 persen) CSS 1 dukungan, ^[11] melebihi Opera , yang telah pemimpin sejak diperkenalkan dukungan CSS 15 bulan sebelumnya. Browser lain diikuti segera setelah itu, dan bagian tambahan diimplementasikan banyak dari mereka dari CSS 2. Pada Agustus 2010 , tidak ada browser (jadi) telah sepenuhnya menerapkan CSS 2, dengan tingkat penerapan yang bervariasi (lihat Perbandingan mesin layout (CSS) ).
Meskipun browser awal seperti Internet Explorer 3 ^[9] dan 4 , dan Netscape 4.x memiliki dukungan untuk CSS, itu biasanya tidak lengkap dan menderita serius bug . Ini merupakan hambatan serius bagi penerapan CSS.
Ketika 'versi 5' kemudian browser mulai menawarkan implementasi yang cukup penuh CSS, mereka masih salah di daerah tertentu dan yang penuh dengan inkonsistensi, bug dan kebiasaan . Perkembangan seperti CSS terkait inkonsistensi dan bahkan variasi yang mendukung fitur telah membuatnya menjadi sulit bagi desainer untuk mencapai penampilan yang konsisten di seluruh platform. Beberapa penulis terpaksa workarounds seperti CSS hacks dan filter CSS untuk memperoleh hasil yang konsisten di web browser dan platform .
Masalah dengan adopsi merata browser 'CSS bersama dengan errata dalam spesifikasi asli dipimpin W3C untuk merevisi CSS 2 standar ke dalam CSS 2.1, yang mendekat ke snapshot kerja dukungan CSS saat ini di browser HTML. Beberapa CSS 2 sifat yang tidak ada browser berhasil menerapkan dijatuhkan, dan dalam beberapa kasus, perilaku didefinisikan diubah untuk membawa standar sejalan dengan implementasi yang ada dominan. CSS 2.1 menjadi Rekomendasi Calon pada tanggal 25 Februari 2004, tetapi CSS 2.1 ditarik kembali ke Working Draft Status pada tanggal 13 Juni 2005, ^[12] dan hanya kembali ke status Rekomendasi Calon pada tanggal 19 Juli 2007. ^[13]
Di masa lalu, beberapa web server dikonfigurasi untuk melayani semua dokumen dengan ekstensi nama file .css ^[14] sebagai mime type application/x-pointplus ^[15] daripada text/css . Pada saat itu, perusahaan Bersih-Scene menjual Maker PointPlus untuk mengkonversi PowerPoint file ke dalam file Slide Show Compact (menggunakan .css ekstensi). ^[16]

[ sunting ] Variasi

CSS memiliki berbagai tingkat dan profil. Setiap tingkat dibangun berdasarkan CSS, fitur terakhir baru biasanya menambahkan dan biasanya dinotasikan sebagai CSS1, CSS2 CSS3, dan CSS4. Profil biasanya subset dari satu atau lebih tingkat dari CSS dibangun untuk perangkat tertentu atau user interface. Saat ini ada profil untuk perangkat mobile, printer, dan televisi. Profil tidak boleh berbeda dengan berbagai jenis media, yang ditambahkan dalam CSS2.

[ sunting ] CSS1

Spesifikasi CSS pertama yang menjadi rekomendasi W3C resmi CSS tingkat 1, diterbitkan pada bulan Desember 1996. ^[17] Di antara kemampuan adalah dukungan untuk

• Font properti seperti jenis huruf dan penekanan
• Warna teks, latar belakang, dan elemen lainnya
• Teks atribut seperti spasi antara kata, huruf, dan baris teks
• Alignment teks, gambar, tabel dan elemen lainnya
• Margin, border, padding, dan positioning untuk elemen yang paling
• Unik identifikasi dan klasifikasi generik kelompok atribut

W3C tidak lagi mempertahankan Rekomendasi CSS1. ^[18]

[ sunting ] CSS2

CSS level 2 spesifikasi dikembangkan oleh W3C dan diterbitkan sebagai Rekomendasi pada Mei 1998. Sebuah superset dari CSS1, CSS2 mencakup sejumlah kemampuan baru seperti posisi absolut, relatif, dan tetap elemen dan z-index , konsep jenis media, dukungan untuk style sheet aural dan teks dua arah, dan properti font baru seperti bayangan.
W3C tidak lagi mempertahankan rekomendasi CSS2. ^[19]

[ sunting ] CSS 2.1

CSS level 2 revisi 1, sering disebut sebagai "CSS 2.1", perbaikan kesalahan dalam CSS2, menghilangkan fitur-kurang didukung atau tidak sepenuhnya interoperable dan menambahkan ekstensi browser yang sudah dilaksanakan untuk spesifikasi. Dalam rangka memenuhi Proses W3C untuk standarisasi spesifikasi teknis, CSS 2.1 bolak-balik antara status Draft Bekerja dan status Calon Rekomendasi untuk bertahun-tahun. CSS 2.1 pertama kali menjadi Rekomendasi Calon pada tanggal 25 Februari 2004, tapi itu kembali ke Draft Bekerja pada tanggal 13 Juni 2005 untuk diperiksa lebih lanjut. Ini kembali ke Rekomendasi Calon pada tanggal 19 Juli 2007 dan kemudian diperbarui dua kali pada tahun 2009. Namun, karena perubahan dan klarifikasi dibuat, lagi kembali ke Panggilan Terakhir Bekerja Draft pada tanggal 7 Desember 2010.
CSS 2.1 pergi ke Rekomendasi Diusulkan pada tanggal 12 April 2011. ^[20] Setelah dikaji oleh Komite Penasehat W3C, akhirnya diterbitkan sebagai Rekomendasi W3C pada tanggal 7 Juni 2011. ^[21]

[ sunting ] CSS3

"CSS3" beralih ke halaman ini. Untuk kode bandara CSS3, lihat Montréal / Les Cedres Bandara .

Tidak seperti CSS2, spesifikasi tunggal besar mendefinisikan berbagai fitur, CSS3 dibagi menjadi beberapa dokumen terpisah yang disebut "modul". Setiap modul menambahkan kemampuan baru atau memperluas fitur didefinisikan dalam CSS2, lebih menjaga kompatibilitas ke belakang. Bekerja pada CSS tingkat 3 mulai sekitar waktu penerbitan rekomendasi CSS2 asli. Para CSS3 awal draft diterbitkan pada bulan Juni 1999. ^[22]
Karena modularisasi, modul yang berbeda memiliki stabilitas yang berbeda dan berada dalam status yang berbeda. ^[23] Pada November 2011, ada lebih dari lima puluh CSS modul diterbitkan dari Kelompok Kerja CSS. ^[22] Tiga dari mereka-Selectors, Ruang nama dan Warna- menjadi rekomendasi W3C pada tahun 2011.
Beberapa modul seperti Backgrounds dan Warna, Media Query, Multi-kolom layout berada dalam status Rekomendasi Calon dan dianggap cukup stabil. Pada tahap ini, implementasi disarankan untuk menjatuhkan awalan vendor. ^[24]

[ sunting ] CSS4

W3C telah mulai menyusun CSS4 di 29 September , 2009 . ^{[25] [26]} Namun, saat ini tidak didukung oleh salah satu web browser .
Salah satu hal yang baru adalah :matches() . Untuk yang

 : Pertandingan (div, p, nav) rentang {
     font-size: 18px;
 }

adalah sama dengan:

 div span, p rentang, rentang nav {
     font-size: 18px;
 }

Meskipun dalam Firefox dan WebKit sudah memiliki fungsi yang sama: ^[27]

 / * Firefox * /
 -Moz-apapun (div, p, nav) rentang {
   font-size: 18px;
 }
 / * WebKit * /
 -WebKit-apapun (div, p, nav) rentang {
   font-size: 18px;
 }

[ sunting ] Dukungan Browser

Informasi lebih lanjut: Perbandingan mesin tata letak (Cascading Style Sheets)

Karena tidak semua browser benar mengurai kode CSS, dikembangkan teknik pengkodean dikenal sebagai CSS hacks dapat menyaring browser tertentu atau menargetkan browser tertentu (umumnya keduanya dikenal sebagai filter CSS ). Yang pertama dapat didefinisikan sebagai CSS hacks penyaringan dan yang terakhir dapat didefinisikan sebagai CSS menargetkan hacks dan keduanya dapat digunakan untuk menyembunyikan atau menampilkan bagian CSS untuk browser yang berbeda. Hal ini dicapai baik dengan memanfaatkan CSS- penanganan kebiasaan atau bug di browser, atau dengan mengambil keuntungan dari kurangnya dukungan untuk bagian dari spesifikasi CSS. ^[28] Menggunakan filter CSS, beberapa desainer telah pergi sejauh memberikan CSS yang berbeda untuk tertentu browser untuk memastikan desain render seperti yang diharapkan. Karena browser web yang sangat awal adalah baik benar-benar tidak mampu menangani CSS, atau membuat CSS sangat buruk, desainer hari ini sering secara rutin menggunakan filter CSS yang benar-benar mencegah browser ini dari mengakses salah satu CSS. Internet Explorer dukungan untuk CSS dimulai dengan IE 3.0 dan meningkat secara progresif dengan setiap versi. Pada tahun 2008, Beta pertama dari Internet Explorer 8 menawarkan dukungan untuk CSS 2.1 dalam modus terbaik web standar.
Contoh bug browser terkenal CSS adalah Internet Explorer model kotak bug , di mana lebar kotak diinterpretasikan secara tidak benar dalam beberapa versi browser, sehingga blok yang terlalu sempit bila dilihat di Internet Explorer, tetapi benar dalam standar-compliant browser. Bug dapat dihindari di Internet Explorer 6 dengan menggunakan benar DOCTYPE dalam (X) dokumen HTML. CSS hacks dan filter CSS digunakan untuk mengkompensasi bug seperti ini, hanya satu dari ratusan bug CSS yang telah didokumentasikan dalam berbagai versi Netscape , Mozilla Firefox , Opera , dan Internet Explorer (termasuk Internet Explorer 7 ). ^{[29] [30]}
Bahkan ketika ketersediaan CSS-mampu membuat browser CSS giat teknologi, penerapan CSS masih ditahan oleh 'perjuangan dengan browser' desainer pelaksanaan salah CSS dan merata dukungan CSS. Bahkan saat ini, masalah ini terus membuat bisnis desain CSS lebih kompleks dan mahal daripada ini dimaksudkan untuk menjadi, dan lintas-browser pengujian tetap suatu keharusan. Alasan lain untuk adopsi tidak melanjutkan dari CSS adalah: kompleksitas yang dirasakan, kurangnya penulis keakraban dengan sintaks CSS dan teknik yang diperlukan, dukungan miskin dari authoring tools, risiko yang ditimbulkan oleh inkonsistensi antara browser dan kenaikan biaya pengujian.
Saat ini ada persaingan kuat antara Mozilla 's Gecko layout engine yang digunakan dalam Firefox , yang WebKit tata letak mesin yang digunakan di Apple Safari dan Google Chrome , yang mirip KHTML mesin yang digunakan di KDE itu Konqueror browser, dan Opera Presto tata letak mesin -masing-masing adalah terkemuka di berbagai aspek CSS. Pada Agustus 2009, Internet Explorer 8, Firefox 2 dan 3 telah cukup menyelesaikan tingkat pelaksanaan CSS 2.1. ^[31]

[ sunting ] Keterbatasan

Beberapa keterbatasan dicatat dari kemampuan saat CSS meliputi:

Miskin kontrol untuk layout yang fleksibel

Sedangkan tambahan baru untuk CSS 3 memberikan lebih kuat, lebih kuat fitur-set untuk layout, CSS masih di hati bahasa styling (untuk font, warna, perbatasan dan dekorasi lainnya), bukan bahasa tata letak (untuk blok dengan posisi, ukuran, margin, dan sebagainya). Keterbatasan ini berarti bahwa menciptakan layout cairan umumnya membutuhkan tangan-coding CSS, dan telah menahan pengembangan berbasis standar WYSIWYG editor. ^{[ rujukan? ].}

Selectors tidak dapat naik

CSS tidak menawarkan cara untuk memilih orang tua atau nenek moyang unsur yang memenuhi kriteria tertentu. ^[32] Sebuah skema pemilih lebih maju (seperti XPath ) akan memungkinkan style sheet yang lebih canggih. Namun, alasan utama Kelompok Kerja CSS menolak proposal untuk penyeleksi orang tua terkait dengan kinerja browser dan masalah render tambahan. ^[33]

Vertikal kontrol keterbatasan

Sementara penempatan horisontal unsur umumnya mudah untuk mengontrol, penempatan vertikal sering unintuitive, berbelit-belit, atau tidak mungkin. Kegiatan ringan seperti berpusat elemen vertikal atau mendapatkan footer yang akan ditempatkan tidak lebih tinggi dari bawah viewport, baik memerlukan aturan style rumit dan unintuitive, atau aturan sederhana namun banyak yang tidak didukung. ^[32]

Tidak adanya ekspresi

Saat ini tidak ada kemampuan untuk menentukan nilai properti sebagai ekspresi sederhana (seperti margin-left: 10% – 3em + 4px; ). Ini akan berguna dalam berbagai kasus, seperti menghitung ukuran kolom dikenakan kendala pada jumlah semua kolom. Namun, draft kerja dengan calc () nilai untuk mengatasi keterbatasan ini telah dipublikasikan oleh WG CSS. ^[34] Internet Explorer versi 5 sampai 7 dukungan ekspresi berpemilik () pernyataan, ^[35] dengan fungsi serupa. Pernyataan ekspresi () milik tidak lagi didukung dari Internet Explorer 8 dan seterusnya, kecuali dalam mode kompatibilitas. Keputusan ini diambil untuk "standar kepatuhan, kinerja browser, dan alasan keamanan". ^[35]

Kurangnya deklarasi kolom

Sementara saat ini mungkin dalam CSS 3 (menggunakan column-count modul), ^[36] layout dengan beberapa kolom dapat kompleks untuk melaksanakan dalam CSS 2.1. Dengan CSS 2.1, proses ini sering dilakukan dengan menggunakan elemen mengambang, yang sering diberikan berbeda oleh browser yang berbeda, bentuk layar komputer yang berbeda, dan rasio layar yang berbeda set pada monitor standar.

Tidak dapat secara eksplisit menyatakan lingkup baru secara independen dari posisi

Peraturan Penjajakan untuk properti seperti z-index mencari elemen induk terdekat dengan posisi: absolut atau posisi: atribut relatif. Ini kopling aneh memiliki efek yang tidak diinginkan seperti tidak mungkin untuk menghindari mendeklarasikan lingkup baru ketika seseorang dipaksa untuk menyesuaikan posisi suatu elemen, mencegah satu dari menggunakan ruang lingkup yang diinginkan dari elemen induk.

Pseudo-class perilaku dinamis tidak dapat dikontrol

CSS menerapkan pseudo-kelas yang memungkinkan tingkat umpan balik pengguna dengan aplikasi bersyarat gaya alternatif. Satu CSS pseudo-kelas, ": hover", adalah dinamis (setara dengan javascript "onmouseover") dan memiliki potensi untuk penyalahgunaan (misalnya, menerapkan kursor-kedekatan popup), ^[37] tetapi CSS tidak memiliki kemampuan untuk klien untuk menonaktifkannya (tidak ada "menonaktifkan"-seperti properti) atau membatasi dampaknya (tidak ada "nochange"-seperti nilai untuk masing-masing properti).

[ sunting ] Keuntungan

Pemisahan konten dari presentasi

CSS memfasilitasi penerbitan konten dalam format presentasi beberapa berdasarkan parameter nominal. Nominal parameter termasuk preferensi pengguna eksplisit, web browser yang berbeda, jenis perangkat yang digunakan untuk melihat isi (komputer desktop atau perangkat mobile Internet), lokasi geografis dari pengguna dan variabel lainnya.

Situs-lebar konsistensi

Artikel utama: Pemisahan presentasi dan konten dan lembar Gaya (pengembangan web)

Bila CSS digunakan secara efektif, dalam hal warisan dan "Cascading," sebuah style sheet global dapat digunakan untuk mempengaruhi dan elemen gaya situs-lebar. Jika situasi muncul bahwa gaya dari elemen harus perlu diubah atau disesuaikan, perubahan ini dapat dibuat dengan mengedit aturan pada style sheet global. Sebelum CSS, semacam ini pemeliharaan lebih sulit, mahal dan memakan waktu.

Bandwidth

Stylesheet, baik internal ke dokumen sumber atau terpisah, akan menentukan gaya sekali untuk berbagai elemen HTML yang dipilih oleh class , ketik atau hubungan dengan orang lain. Ini jauh lebih efisien daripada mengulangi informasi gaya inline untuk setiap kemunculan elemen. Sebuah stylesheet eksternal biasanya disimpan dalam cache browser , dan karena itu dapat digunakan pada beberapa halaman tanpa mengisi, lebih lanjut mengurangi transfer data melalui jaringan.

Halaman reformatting

Artikel utama: peningkatan Progresif

Dengan perubahan sederhana dari satu baris, sebuah style sheet yang berbeda dapat digunakan untuk halaman yang sama. Ini memiliki kelebihan untuk aksesibilitas, serta menyediakan kemampuan untuk menyesuaikan halaman atau situs untuk perangkat target yang berbeda. Selain itu, perangkat tidak dapat memahami styling masih menampilkan konten.

Aksesibilitas

Tanpa CSS, web designer biasanya harus lay out halaman mereka dengan teknik yang menghambat aksesibilitas bagi pengguna visi-gangguan, seperti tabel HTML (lihat desain web Tableless # Aksesibilitas ).

[ sunting ] CSS kerangka

Kerangka CSS yang telah disiapkan perpustakaan yang dimaksudkan untuk memungkinkan lebih mudah, lebih sesuai standar styling dari halaman web menggunakan Cascading Style Sheets bahasa. Tata Letak-grid terkait CSS kerangka termasuk Blueprint , 960 kotak , dan CSS YUI grid . Seperti pemrograman dan scripting bahasa perpustakaan, kerangka CSS biasanya dimasukkan sebagai eksternal. Css lembar direferensikan dalam HTML <head> . Mereka memberikan sejumlah yang sudah jadi pilihan untuk merancang dan meletakkan halaman web. Sementara banyak dari kerangka kerja ini telah dipublikasikan, beberapa penulis menggunakannya sebagian besar untuk prototyping cepat, atau untuk belajar dari, dan lebih memilih untuk 'kerajinan' CSS yang tepat untuk setiap situs diterbitkan tanpa pemeliharaan, desain dan download overhead memiliki fitur yang tidak digunakan styling di situs. ^[38]

[ sunting ] Posisi

CSS 2.1 mendefinisikan tiga skema posisi:

Normal aliran

Inline item yang tercantum dalam cara yang sama seperti huruf dalam kata-kata dalam teks, satu demi satu di ruang yang tersedia sampai tidak ada lebih banyak ruang, maka memulai baris baru di bawah item Blok stack secara vertikal,. Seperti paragraf dan seperti item dalam daftar bullet. Aliran normal juga mencakup posisi relatif item blok atau inline, dan run-dalam kotak.

Mengapung

Item melayang diambil dari aliran normal dan bergeser ke kiri atau kanan sebagai sejauh mungkin di ruang yang tersedia. Konten lain kemudian mengalir bersama item melayang.

Absolute positioning

Item benar-benar diposisikan tidak memiliki tempat dalam, dan tidak berpengaruh pada, aliran normal item lainnya. Ini menempati posisinya ditugaskan di wadah terpisah dari item lainnya. ^[39]

[ sunting ] Posisi: atas, bawah, kiri, dan kanan

Ada empat nilai yang mungkin dari position properti. Jika item diposisikan dalam cara apapun selain static , maka sifat lebih lanjut top , bottom , left , dan right digunakan untuk menentukan offset dan posisi.

Statis

Nilai default menempatkan item dalam aliran normal

Relatif

Item ini ditempatkan dalam aliran normal, dan kemudian bergeser atau offset dari posisi itu. Item aliran kemudian atas ditata jika item tersebut belum dipindahkan.

Mutlak

Menentukan posisi absolut

Tetap

Item ini benar-benar diposisikan dalam posisi tetap di layar bahkan sebagai sisa dokumen tersebut sam ^[39]

[ edit ] Float dan jelas

Para float properti mungkin memiliki salah satu dari tiga nilai. item Tentu diposisikan atau tetap tidak dapat melayang. Elemen lain yang biasanya mengalir di sekitar item melayang, kecuali mereka akan dicegah dari melakukannya oleh mereka clear properti.

meninggalkan

Mengapung di sebelah kiri garis bahwa itu akan muncul di; item lain mungkin mengalir di sekitar sisi kanan

tepat

Mengapung di sebelah kanan garis bahwa itu akan muncul di; item lain mungkin mengalir di sekitar sisi kiri

jelas

Menghapus properti mengambang dari item dapat menjadi jelas: kiri;, jelas: tepat, atau clear: both; ^{[39] [40]}