Meglátogatom az összes olvasót a streaming kiadványokban. Hadd mondjam el idén, mivel css-tools-szal egy alkeret nyitható. Megismersz olyan hatóságokat, mint a határ és a körvonal, és azt is, hogy a funkciók mennyire büdösek.

A qiu cikk elolvasása után új ismeretekkel bővítheti arzenálját tsіkavimy trükkök néhány napnyi nyitás kordonok közelében, és sajátítsák el a gyerekekben tárolható keretek nyitásának technológiáját. Addig is azokkal szeretnék bütykölni, akik szeretnek pszeudoelemeket használni, amelyek jelentősen bővítik az elrendezés lehetőségeit webmov-on és css-en. No, de menjünk jobbra!

Határ és wow

Megnézem a határt. Wono gyakran győz programkód, І az én korábbi publikációk Nem egyszer piszkáltam a jógót. Hatalom adatott az univerzumoknak, sőt az univerzumoknak is.

A szabványos funkción túlmenően a szegélyek láthatóságát az ülések címeinél használják, hogy minden tartalom közepén fontos szöveges információk láthatók, mint például a kijelző függőleges vonal nyelvtani szabályokat.

Van egy nagyon jó bőr rozrobnik "gra" hasznos elemekkel webmov a saját vizsgálatot, így a lehetőségek a vízum is probléma nélkül.

A szegély átadja a stílus-, termék- és színkordon tervezésének lehetőségét minden fél számára egyszerre, valamint egy adott területre. Az egészhez hozzá kell adni a határ szót, hogy egy oldalt kötőjellel adjunk hozzá. Például border-bottom.

A kordon stílusa teljesen eltérő lehet:

• szaggatott
• pontozott
• sutsilna (szilárd)
• al_sor (dupla)
• ob'єmna (horony, kiinduló, gerinc, betét) Лінії

Vázolja fel az erőt

Ami a körvonalat illeti, akkor attribútumait tekintve megegyezik a hatalom előttivel, de a különbségtétel céljából győztes. Egy ilyen rangban, ha a stílustáblázatok két elemének jelentését állítjuk be egyszerre, akkor a szegély keretbe foglalja az objektumot, és a körvonal közvetlenül a kordon mellett jön létre.

És minden világos és áttekinthető. A körvonal tehát nem a tartalom közepe fejlesztésébe, és nem a szakma változásába ivódik bele, de az elöl álló erőről nem lehet megmondani.

Addig a css-elem nem volt különösebben unalmas. Elrendezéstervezőnek van kijelölve, a jelentés az új keret minden oldalára ráragad, és csak az egyik oldal nem látható.

Jak і határ, az erő áramlásában lehetőség nyílik az új stílusú kordonok felállítására. Sőt, a névadás is ugyanaz, mint az előtérben lévő css elemnél.

De pszeudoelemek is, akiknek a bűz gond lehet a nogodbanі

A nap végén el akarom mondani új anyag... Egyes projektek egyszerűen nem nélkülözhetik ezt a témát.

Otzhe, pszeudoelemek szükségesek ezen elemterületek formázásához, amelyekhez a dokumentumfában nincs választó.

Ne tévesszen meg a pszeudoosztály. Szagolja meg a maga módján a іsnyuchі szelektorok és elemek formázását.

A pszeudoelemek kijelölésére vonatkozó speciális szabályok két pontból (: után) álló részhalmazt tartalmaznak. Ha azonban csak vikoristovute ":", akkor a validátor kihagyja a kódot, és nem lát elnézést.

Az idei napon nincs pszeudo-elem. Az alábbi táblázatban túlléptem a népszerűséget.

Szeretném hangsúlyozni az első két pszeudoelem tárolásának sajátosságait: a szag egyszerre függ attól a hatalomtól, amelyben és maga a szöveg van írva - tartalom.

Gyakorlati rész

Átadtam az elméleti alapanyagot, és amint elolvasod, nem lesz semmi hajtásod a fenékkel.

Az alábbiakban csatoltam a kódot a programokkal, yak, yak és in, az objektumokat egy al-alapszín kerettel realizálva. Én is deyakim vagyok.

Azt hiszem, érdemes megvalósítani egy ilyen hatalom segítségével, mint pl doboz-árnyék... Egy újnál legfeljebb öt érték adható meg, mivel ez vízszintes zsuv-nak, függőleges zsuv-nak, tágulási sugárnak, tini nyújtásnak és її színnek fog minősülni.

Bátorít a golyó közzététele neked, fahéj. Még több rádiumot fogok beültetni a recepciómra. Látogassa meg a blogomat barátaival. Sok szerencsét!

Z povagoyu, Roman

A keret hasznos lehet például dekorációs elemként, de két tárgy hozzáadására. CSS nadaє bezl_ch beállítások a vikoristannya keretekhez.

keret vastagsága

A keret mérete a szegélyszélesség hatványán alapul, mivel lehet vékony, közepes és vastag, vagy pixelben kifejezett numerikus érték. A tsya rendszer látható a kicsin:

keret színe

A keretszín ereje a keret színe. Az érték a szín normál értéke, például: "# 123456", "rgb (123,123,123)" vagy "sárga".

typei keretek

futni різні tipi keretrendszer. Az alábbiakban bemutatjuk a leggyakoribb kerettípusokat és azok értelmezését internet böngésző 5.5. Minden csikk "arany" és "vastag" színben látható;

Az érték none, vagy rejtett, akkor lehetsz győztes, ha nem akarod megjeleníteni a keretet.

Csatolja a keretek kialakítását

A bőrelemben három észrevehető erő kombinálható, és úgy tűnik, kis keretek... Szemléltetésképpen nézze meg a dokumentumot, jelöljön ki egy külön keretet

,

,

і

Az eredmény talán nem annyira ellenséges, bár a mobilitás cselekvéseinek demonstrációja:

H1 (szegély-szélesség: vastag; szegély-stílus: pontozott; szegély-szín: arany;) h2 (szegély-szélesség: 20 képpont; szegély-stílus: elöl; szegély-szín: piros;) p (szegély-szélesség: 1px; szegély-stílus: szaggatott; szegélyszín: kék;) ul (szegély-szélesség: vékony; szegély-stílus: tömör; szegélyszín: narancssárga;)

Különleges képességeket is beállíthat a keret felső, alsó, jobb és bal széléhez. A jak tengelye lánc:

H1 (szegély-felső szélesség: vastag; szegély-felső stílus: tömör; szegély-felső szín: piros; szegély-alsó szélesség: vastag; szegély-alsó-stílus: tömör; szegély-alsó szín: kék; szegély-jobb-szélesség: vastag; szegély-jobb-stílus: tömör; szegély-jobb-szín: zöld; szegély-bal-szélesség: vastag; szegély-bal-stílus: tömör; szegély-bal-szín: narancssárga;)

gyors felvétel

Jak és a bagatokh az egyik hatalom, amely lehet, akkor kombinálja a tizedes a hatáskörök egy, vikoristovuchi a szó határ. csikk:

P (szegély szélessége: 1 képpont; szegély stílusa: tömör; szegély színe: kék;)

használható:

P (szegély: 1 képpont egyszínű kék;)

összefoglaló

Sokat tanultunk a CSS határok nélküli lehetőségeiből a szegélyek használata során.

Támadó szinten egyértelmű, mint a bokszmodell méretének elején - magasság és szélesség.

leírni

A szegély univerzális ereje lehetővé teszi, hogy azonnal meghatározza a kordon szegélyét, stílusát és színét az elem közelében. A jelentése tetszőleges sorrendben, szünettel elosztva lehet, maga a böngésző beállítható, mivel a szükséges teljesítményre használják. Ha csak az elem éneklő oldalain szeretné beállítani a kordont, használja a border-top, border-bottom, border-bal, border-right hatványokat.

szintaxis

érték

A határszélesség értéke a kordon mérete. A nézet szabályozásához van egy keret stílusú érték. Їх nevezze meg az ábrán látható ábrázolások eredményét. 1.

1. ábra. keretstílusok

A border-color a kordon színét állítja be, ami azt jelenti, hogy bármilyen formátumban lehet, ami elfogadható a CSS számára.

örököl usadkovuє értéket apa.

HTML5 CSS2.1 IE Cr Op Sa Fx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Ebben a fenékben, a labda közelében egy részhatár kerül hozzáadásra. ábra leolvasásának eredménye. 2.



Kicsi. 2. A határ hatalmának korlátozása

ob'ctna modell

document.getElementById ("elementID") .style.border

böngészők

Az Internet Explorer böngésző a legfrissebb verzióig 1 képpontos, szaggatott pontokkal ellátott kijelzővel rendelkezik. Ha az érték 2px, és az érték pontozott, akkor ez helyes. A Qia pomilka az IE7-ben javítva lett, csak 1px minden kordonnál. Ha az egyik blokk között 2 képpont széles, akkor az IE7-ben a pontozott érték szaggatottá válik.

A 7.0-s verzió előtti Internet Explorer nem fogadja el az öröklést.

Cordon stílusa új böngészők A viktoriánus korban gyakran láthatja az érték barázdáját, gerincét, betétjét vagy kiindulópontját.

Vlad Merzsevics

Z a CSS mellett a keretet többféleképpen is hozzáadhatja a matrica elemhez. Alapvetően nyilvánvaló, hogy a határ ereje stagnál, hiszen ez a leguniverzálisabb, valamint körvonala, mivel nem csodálatos, doboz-árnyék, amely főként a bádog száraként honosodik meg. Tiszta rálátása van a módszerekre és az önmaga meglátásaira.

erő vázlat

Egyszerű teljesítmény a keret beállításához. Lehetnek paraméterek, de határok is, de néha minden részletet láthat:

• körvonal jelenik meg az elem közelében (a szegély középen van);
• a körvonal nem fér bele az elem méretébe (a szegély az elem szélességéig és magasságáig terjed);
• a körvonal csak az egész elemen állítható be, a külső oldalakon nem (a szegély bármelyik oldalra vagy egyszerre lehet győztes);
• a körvonalon, nem a kerekítés sugaránál, a hatvány feladatai határ-sugár (a határon for).

Vinikak táplálkozás - bizonyos típusú vipadoknál szükség van egy körvonalra, ha a szerep nem fontos a túlfűtött láthatóságon, akkor az egész határ magán van? A helyzet nem olyan gazdag, de a bűz nem az:

• összecsukható, összecsukható rózsaszín keretek;
• keret hozzáadása egy elemhez, amikor az egérmutatót egy új kurzor fölé viszi;
• prikhovannya keret, amelyet a böngésző automatikusan hozzáad a fókusz eltávolításakor végzett műveletekhez;
• körvonal esetén beállíthatja az elem szélét az opcionális jogosultság körvonal-eltolásán túli szegélyre, kiterjesztéshez.

hasznos keret

Kötelező a körvonal, amelyben a körvonal semmilyen módon nem helyettesíthető szegéllyel, az 1. számú melléklet szerint.

Fenék 1. Keret oldala

Ebben a fenékben, az elem közelében, egy fekete keretet adnak hozzá, amelyet egy takaróval rögzítenek a háttérhez (1. ábra).

Kicsi. 1. Keret az elem közelében

Viktoriánus keret: lebeg

Ha a szegélyt a szegélyen keresztül adja hozzá, az elem szélessége megnő; Є kétféleképpen, jak tse "overmogti". A legegyszerűbb - cserélje ki a szegélyt a körvonalra, jak, jak mi tudom, ne öntsön rá az elem méretére (2. fenék).

2. függelék Keret lebegéskor

a körvonal nem elég jó, bárcsak nem lenne elég a vágások kerekítéséhez. Itt van egy másik módszer - láthatatlan keretet vagy keretet adni, a háttér színét használni, majd lebegéskor minimalizálni a paramétereket (3. fenék). Nem lesz egy kis elem, nem lesz töredéke a keretnek ugyanabból a є-ből. Ne feledje, hogy az elem szélessége egyidejűleg a jobb oldali szélesség, szegély és szegély értékévé gyűrődik. Hasonló a felülről láthatóhoz.

Fenék 3. Keret lebegéskor

Keret az űrlap mezői közelében

Egyes böngészőkben (Chrome, Safari, az utolsó verzió Opera), az űrlap mezői közelében, amikor eltávolítják a fókuszt, egy kis színes keret jelenik meg (2. ábra). Gyerünk, készítsd el a stílusokat, hogy adjon hozzá a none power outline értékéhez, ahogy az a 4. függelékben látható.

Kicsi. 2. Keret a mezők közelében

Fenék 4. Illesztőkeret

Keretek keresztül box-shadow

Ha azt szeretnénk, hogy a box-shadow erejével néhány elemet hozzáadjunk egy elem köré, akkor egy keretet nyithatunk vele, ráadásul kényelmetlen egy határt vagy egy körvonalat átlépni. Csak az a zavdyaki, hogy ezek száma nem cserélhető fel, amelyek paraméterei kómán keresztül visszaállíthatók.

Ha ki kell vágni a keretet, az első három paramétert nullára kell állítani, a bádog és a її rosmittya keretén megjelenik a bűz. A kordonnál az adott nézetben a negyedik paraméter lesz figyelembe véve, és beállítom a keret színét. Egy másik negyedkockánál a felső összeg paramétere két képkocka.

A 4. csonknál két keret és egy kordon hozzáadása látható a jobb oldalon, egy tápdoboz-árnyék hozzáadása mögött.

Butt 4. Vikoristannya doboz-árnyék

eredmény adott a fenekeábra jelzései. 3.



Kicsi. 3. Keretek, nyissa meg a doboz-árnyékot

A szöveg és a betűtípus kialakításának ereje a vyvchili, most jött az ördög a többi elemre. Nagyon könnyen érthető, a keretek nyitása segítségével CSS... Tekintettel arra, hogy a vikoristovuatsya ereje gyakran véget ér, az, aki eljön a vartoba, még három tiszteletet kap.

Tehát tegyük fel, hogy az elem közelében keretet kell létrehozni. mellesleg, azonnali fejlécі közel az új keret törött.

Paraméterek jellemzik a keretet: 1) Keretméret, 2) Keretstílus і 3) Keretméret. Tegyük sorba:

• 1. Keret mérete: szegély szélessége: 2px;
• 2. Keret stílusa: szegély stílus: szilárd;
• 3. Keret mérete: keret színe: # ff0000;

Yaki buvayut stílusú keretek CSS? Alsó útmutató az összes elérhető keretstílushoz:



• pontozott - Tse dotkova keret.
• szaggatott - Tse pontozott keret
• szilárd - Tse sutsilna keret
• kettős - Ár-alkeret
• horony - Általános nézet
• gerinc - Általános nézet
• betét - Általános nézet
• kezdet - Általános nézet

Most már minden megvan, csak rajzoljon egy keretet a cím köré.

HTML

A keret a cím közelében található.

A keret első stílusa.

H2 (szegély szélessége: 2 képpont; szegély stílusa: tömör; szegélyszín: # FF0000;)

Ennek eredményeként a nyitott fejléc közelében egy piros koloru tovshchinoy sutsil kerete volt. 2px.

A keret a chotiroh oldalakból van kialakítva: felső, jobb, Alsóі szeretet i, úgy, ahogy van hatalmunk határ Vagyis a böngésző a keret összes oldalának kis mérete mögött van. Ilyen rangban, ha a keretet csak az egyik oldalról kell beállítani, akkor az előtagokat oldalra kell fordítani, nyissa ki a keretet.

• tetejére - Felső.
• jobb - Jobb
• alsó - Alul
• bal - Livo

Ilyen rangban azt akarom, hogy a keret éppen a bekezdés alatt törjön tobto podkresliti yogo majd a skin powerre határ dodaєmo előtag alsó ... A nézet eredményeként a kód szerkezetét támadják.

H2 (szegély-alsó szélesség: 2px; szegély-alsó stílus: dupla; szegély-alsó szín: # FF0000;)


A Vikoristannya danih stílusok a böngészőben azt jelentik, hogy a keretet csak az alsó részről kell megnyitni, hogy a cím hozzáadásra kerüljön. Ez pontosan így lehetséges és sokszorosítható dán kód Miután beállította a keretet jobbra a másik oldalról, például a felsőt.

H2 (szegély-alsó-szélesség: 2px; szegély-alsó stílus: dupla; szegély-alsó szín: # FF0000; szegély-felső szélesség: 2px; szegély-felső stílus: dupla; szegély-felső szín: # 0000 FF ;)

Most a címet felül és alul piros keret veszi körül. Hasonlóképpen lehetséges a többi oldal szerkesztése is.

Yak Vzhe dallamosan emlékezett, a felvétel egy nagyszerű végére ért, ehhez képest a felvételek sebessége nagyon sokszor gyakorláson volt és győztes.



A képen egy gyors felvétel szerkezete, tehát a teljesítmény jelenik meg határ és a fényerő értékben a távtartón keresztül a keret szélességét használják - határ-szélesség A keret stílusa az határos stílusban és a keret színe - # ff0000 .

Tobto böngésző, takut ver, írási sebesség határ: 2px szilárd # ff0000; , Tehát állítsa be magát a keretet a cím minden oldaláról. A tengely olyan rövid rekordja a rekord megfelelőjének, amellyel az égen győztek (de három hatalom ragadt).

Ami egy rövid lemez segítségét illeti, a keretet csak az egyik oldalról kell feltenni, majd a szimplán ereje előtt felteszi azt az oldalt, amelyen kinyitja a keretet.

H2 (szegély-felső: 2px tömör # ff0000;)

A tengely tehát a további rövid bejegyzéshez a keret felülről szórt, így maga a keret stílusa, stílusa és színe.

Az ilyen rang tengelye a további teljesítményért határ hogy féljen a kerettől bármely elem közelében. Önmagában tehát a kereten túl van gyerektámogatás, ha valakinek ugyanilyen színű gyerekzsinórra van szüksége. Nos, összességében minden a kereten belül van, áttérünk a támadó fontos leckére, majd megnézzük