CSS شاليد شفافیت. د رڼو شاليد سره CSS یا متن

د CSS3 ويب طرح د ظهور په ډیرو لارو کار شي اسانه او منطقي: وروسته د ټولو، تاسو اوس کولای شئ په رښتيا انعطاف هر څيز دتنظيمولو، په وار وار لږ جاواسکرېپټ مخه. راځئ چې وايي تاسو ته اړتيا لري ترڅو د شاليد د شفافیت عیار - CSS سمدستي څو انتخابونه وړاندې کوي.

شالید تعريف د صفتونو ټولګه له خوا (شاليد-انځور، شاليد-مقام ، شاليد-اندازه، شاليد، تکرار، شاليد-ضميمه، شاليد-اصل، شاليد-کلیپ، شاليد-رنګ)، چې هر شي په جلا توګه د خاصه لاندې ګمارل شوي او يا په ګډه شاليد. راځئ د هر په تفصيل سره وارزوي.

شاليد-رنګ د خاصه

په CSS، د شاليد رنګ د Hex code، رنګ نوم او یا د RGB د ننوتلو په کارولو: په څو طريقو سره شي. په CSS3 دا ممکنه شوه چې د سره RGBA RGB د-ثبت انتخاب پر ځای ګټه واخلي.

شاليد-رنګ: # FFDAB9 کې د lattice وروسته ملکیت ته Hex رنګ کوډ ده ثبت کړي دي. که په دې ته د ننوتلو د تورو ورته جوړه دي، کوډ دی لږ پرې معمولا: # ccff00 کولای شي په توګه # cf0 لیکل شي:

د بدن {منظر-رنګ: # cf0 ؛}.

نوم دی، آن په ډېرو ډېرحساسیت رنګونه. د مثال په توګه، په د معياري سور او سپين تاسو کولای NavajoWhite (#FFDEAD) يا Honeydew2 (# E0EEE0) وکاروي سربېره:

د بدن {منظر-رنګ: ارغواني؛ }.

وروستنۍ انتخاب RGB د ده او یا RGBA د ننوتلو تاسو ته اجازه نه یوازې د رنګ خو هم د CSS شاليد د شفافیت مشخص، خو د میتود يوازې په IE نسخې 9 څخه زاړه کار کوي. نور د لټوونی سره شفافیت عادي نسخه پیژني. د W3C معيارونو له مخې دا غوره ده د کارولو اوس هم د ډیر معمول د RGB د ځای RGBA.

په RGBA شاليد تېر ارزښت او ټاکي څخه 0 (شفاف) د تتوالی ته 1 (روڼوالې).

د ځينو غير معمولي ارزښتونه شتون لري. د شاليد رنګ د HSL او HSLA په کارولو سره جوړ شي. دواړه CSS3 زياته شوي، او له همدې امله له خوا د ټوليزې نسخه 9 او يا د لوړو ملاتړ نه. Embodiments ورته د RGB یا RGBA، یوازې په یو مختلف شکل: Huệ (سيوري - ارزښت په رنګ څرخ، په درجو ده ورکول)، Saturate (د اشباعي - رنګ د سلنې په توګه د شدت، له 0 څخه تر 100)، پکوالی (پکوالی - روښانتيا، په همدې اندازه Saturate د پاراميټر ).

د خاصه شاليد-انځور

د شفاف شاليد د Cross-کتنمل تر ټولو نسخه - دا د انځور د استعمال. په CSS3، تاسو کولای شی انځورونه نور هم جوړ، دا يو گوخې له لارې ترسره کيږي. بیلګې په توګه:

{منظر-د بدن انځور: url (bg1.png)، URL (bg2.png)}.

د IE8 ملاتړ هم دا لاره. د ربړ په نخشه کارول د شاليد څو انځورونه. په مهمه توګه، نه د هر انځور وکاروي او په CSS د شاليد رنګ وټاکئ، د کاروونکو په ساده توګه کولای شي يو انځور پورته ونه باسو.

شاليد-دریځ د خاصه

که تاسو په انځور کې وکاروي د شاليد واحد جوړ، CSS تاسو ته اجازه درکوي هر ځای پر پرده انځور وضعیت. په تلواله، په انځور کې د مشرانو چپ کونج کې پرته ده. د خاصه یا شفاهي لارښوونې (سر، لاندې، کيڼ، حق)، یو عددي (بې ګټې، پېکسل او نورو واحدونو) اخلي. په دې حالت کې، تاسو باید د دوو ارزښتونو، افقي او عمودي مشخص:

د بدن {منظر-مقام: حق مرکز ؛} - په دې مثال په توګه، د نمونې به پروت د مخ، د همدې انځور واټن او پورتنی ښي اړخ شي.

د خاصه شاليد-اندازه

کله کله دا ضروري د CSS شاليد کش او يا د هغې د اندازې کم دی. د دې، د خاصه شاليد-اندازه، او د شاليد په پېکسل يا فيصدي کولای شي په اندازه، او هر ډول نورو واحدونو وکاروي.

سره د دې د خاصه، يو شمېر ستونزې شته دي: د د د د د د کتنمل مختاړي نسخې يو شاليد صحيح نندارې ته وکارول شي. البته، د اوسنۍ بڼې سره په بشپړه توګه د دې د خاصه سره مرسته کوي او د ځانګړو ملکيتونو د اړتيا ورک.

د خاصه شاليد-ضميمه

دا ځانتیا د شاليد انځورونه خوي داسې حال کې چې د چلند په ګوته کوي. نو، نو کولای شي 3 ارزښتونو (د ميراث د ټولو د صفاتو په دې ليکنه کې بحث د ټولو لپاره د نه ګډون) واخلي:

• ثابت - جوړوي د ثابت د شاليد انځور؛
• شئ - د عناصرو د نورو سره د شاليد صحفه؛
• ځايي - پر شاليد انځور دی ته راوړل شوي که رغښتونکی لري منځپانګه. شالید چې د چوکاټ د یی هاخوا ځي ده ټاکلې.

د کارولو بېلګې په توګه:

د بدن {منظر-ضميمه ثابت}.

اوس مهال، فایرفوکس په تېرو ملکیت (محلي) ملاتړ نه کوي.

د خاصه شاليد-سرچينه

دا د خاصه ده د موقف عنصر په غاړه لري. وختي د لټوونی د مختاړي د کارولو ته اړتيا لري. د ملکیت په خپله درې پارامترونو لري:

• د نالیچې-بکس دی ځای خپلوان په څنډه بیلګه ته، په داسې حال کې چې د چوکاټ د ضخامت په پام کې نیولو؛
• سرحدي-بکس مال څخه چې د پخواني سرحد کیدای شي په مختلفو په بشپړه توګه او يا په قسمي توګه د نمونې ته راشي؛
• منځپانګه-بکس کې ځای انځور د هغې محتوا pryavyazyvaya.

که تاسو د څو ارزښتونو مشخص، نو د لټوونی کولای شي په خپلو لاره غبرګون: د فایرفوکس او اوپرا یوازې د لومړي انتخاب پوهيږي.

د خاصه شاليد-تکرار

د قانون په توګه، که د شاليد انځور دی مشخص شوی دی، دا بايد په افقي يا عمودي تکرار شي. د دې او د خاصه شاليد-تکرار کارول. په دې ډول، د بنديز شاليد، CSS چې داسې ملکیت لري کولای شي د څو پارامترونه یو لري:

• د نه تکرار - د انځور په يوه نسخه د يوه مخ ښکاري؛
• تکرار - په x او y شاليد تکرار؛
• تکرار-X - يواځې په افقي؛
• تکرار-y - یوازې د عمودي؛
• فضا - شاليد تکرار، خو که فضا ته د د انځورونو په منځ کې ډکه ناشونی دی تش ښکاري؛
• پړاو - په انځور کې ده ومومي، که دا کار د ټول انځورونه ټوله سيمه نه ډک کړئ.

د صفاتو بیلګې په توګه:

د بدن {منظر-تکرار: لسي تکرار تکرار} - ورته شالید-تکرار: تکرار-y.

په CSS3 ښايي پارامترونو، جلا له خوا commas لست کله لپاره څو انځورونه ارزښتونو دی ځانګړی کړی.

د خاصه شاليد-کلیپ

دا ځانتیا د پولو د لاندې شاليد سلوک (د ساري په د آبی چوکاټونو په صورت کې،) تعریف:

• د نالیچې-بکس - شاليد کې د بنديز د کورنيو چارو نندارې ته؛
• سرحدي-بکس - د انځور په چوکاټ کې راځي؛
• منځپانګه-بکس - د شاليد انځور به يوازې د محتوا په چوکاټ کې ښکاري.

د کارولو بېلګې په توګه:

د بدن {منظر-کلیپ: content- بکس؛}.

Chrom او صفري -webkit- مختاړی ته اړتيا لري.

تتوالی صفات او چاڼګر

تتوالی د خاصه تاسو ته اجازه درکوي د شاليد د شفافیت جوړ - CSS ملکیت به د ټولو د لټوونی کې کار وکړي. د ارزښت په لړ څخه د 0،0 تر 1.0 شموله جوړ. په دې صورت کې تاسو کولای شي د CSS شاليد د شفافیت جوړ integer د 0.3 پر ځای ارزښت نه .3 ليکل کافي ده:

.block {منظر-انځور: url ( img.png)؛ تتوالی: .3؛}.

د شاليد تتوالی جوړ، CSS ده آن د IE نهمه نسخه لاندې مناسب، د چاڼګر د خاصه کاروي:

.block {منظر-انځور: url ( img.png)؛ چاڼګر: الفا (تتوالی = 30)}.

په دې صورت کې د تتوالی ارزښت دی 0 او 100. يادونه تر منځ کېښود، چې دغه تتوالی RGBA ميراث له لارې د بیلابیلو شفافیت امستنې منسوب: کله چې تتوالی په کارولو سره د شاليد روښانه نه یوازې شي، خو هم د واحد کې دننه د ټولو عناصر دي.

د CIS د لټوونی او نورو ټولو هېوادونو ستاسو کارېدنه ارقام تل څارنه وکړي. د ټولو کونکي په لويه ستونزه - د IE زړو نسخو، دوی ته اجازه نه ورکوي چې تاسو تر هغه حده بشپړ CSS3 وکاروي. په نخشه مه د ځانګړي خدمتونه چې دا وګورئ چې که د خپل د کتنمل هر CSS ملکیت ملاتړ څخه استفاده ونه باسو. که تاسو نه شي کولای د لټوونی زړو نسخو د لګولو، د خدمت چې د آنلاین به په څو لټوونی ځای کار وګورئ پيدا کړي.