vartotojas slaptažodis


   
registracija slaptažodžio priminimas  
naujienos | forumas | paieška | taisyklės | kontaktai

Šiuo metu prisijungę vartotojai: Sekretore, ir 1 svečiai Iš viso narių: 6,053 Naujausias narys: DeividasJ


Peržiūrėti temą Forumas :: Programuotojų kampelis :: CSS :: CSS dėžės modelis
CSS rėmelis
Autorius: ecolor Data: 2013.03.13 22:25



ecolor Įstojo: 2011.06.13
Pranešimai: 3940
Reputacija: [+263]
Lankėsi: 2019.04.07
Laimėta: 25
Pralaimėta: 15
  #1 parašyta 2013.03.13 22:25

Įspėjimai: [0/5]
AK Reitingas ->(136.81)
13
Kovo
2013
CSS rėmelių ypatybės

CSS rėmelių ypatybės leidžia jums apibrėžti stilių ir elemento sienos spalvą.

Rėmelio stilius

Rėmelio stiliaus ypatybės apibrėžia kokį rėmelį rodyti.

Nepamirškite, kad niekas iš rėmelių ypatybių neturės JOKIO padarinio, jei border-style ypatybės nebus nustatytos!

border-style vertės

img594.imageshack.us/img594/9677/remeliai.png

Kodas:

Atsisiųsti kodą  Kodas
<!DOCTYPE html>
<html>
<head>
<style>
p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
</style>
</head>

<body>
<p class="none">Rėmelis</p>
<p class="dotted">Rėmelis</p>
<p class="dashed">Rėmelis</p>
<p class="solid">Rėmelis</p>
<p class="double">Rėmelis</p>
<p class="groove">Rėmelis</p>
<p class="ridge">Rėmelis</p>
<p class="inset">Rėmelis</p>
<p class="outset">Rėmelis</p>
<p class="hidden">Rėmelis</p>
</body>

</html>



Rėmelio plotis

Rėmelio pločio ypatybė yra panaudota, kad nustatytų rėmelio plotį.

Plotis yra nustatytas vaizdo elementuose, ar vartojant vieną iš trijų apibrėžtų iš anksto verčių: plonas, vidutinis, ar storas.

Patarimas: "border-width" ypatybė neveikia, jei ji yra panaudota viena. Panaudokite "border-style" ypatybę nustatyti rėmelius iš pradžių.

Atsisiųsti kodą  Kodas
p.one
{
border-style:solid;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}



Rėmelio spalva

Spalvotas siena turtas yra panaudotas, kad nustatytų sienos spalvą. Spalva gali būti nustatyta prie:

name - apibrėžia, kad spalvotas vardas, kaip "red"
RGB - apibrėžia, kad RGB vertė, kaip "rgb (255,0,0)"
HEX - apibrėžia hex vertę, kaip "#ff0000"

Jūs galite taip pat nustatyti sienos spalvą prie "transparent".

Patarimas: "border-color" ypatybė neveikia, jei ji yra panaudota viena. Panaudokite "border-style" nustatydami rėmelius iš pradžių.

Atsisiųsti kodą  Kodas
p.one
{
border-style:solid;
border-color:red;
}
p.two
{
border-style:solid;
border-color:#98bf21;
}



Rėmelio atskiros pusės

CSS galima apibrėžti skirtingais rėmeliais skirtingoms pusėms:

Atsisiųsti kodą  Kodas
p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}



Pavyzdys virš gali taip pat būti su viena ypatybe:

Atsisiųsti kodą  Kodas
border-style:dotted solid;



border-style ypatybė gali turėti nuo vienos iki keturių vertių.

border-style:dotted dvigubas punktyras
  • top border yra punktyras
  • right border yra vientysas
  • bottom border yra dvigubas
  • left border brūkšniuotas


border-style:dotted vientysas dvigubas;
  • top border yra punktyras
  • teisingos ir kairės sienos yra kieta
  • pagrindo siena padvigubina



border-style:dotted kietąjį kūną;
  • right and left borders yra vientysi
  • bottom border yra dviguba



border-style:dotted;
  • all four borders yra punktyras


border-style ypatybė yra panaudota pavyzdyje virš. Tačiau, tai taip pat dirba su rėmelio pločiu ir rėmelio spalva

Rėmelio stenografijos ypatybė

Kadangi jūs galite pamatyti pavyzdyje virš, yra daug ypatybių svarstyti, turint reikalo su rėmelis.

Kad sutrumpintų kodą, taip pat galima apibrėžti visas atskiras rėmelio ypatybes viename kode. Tai vadinasi stenografijos ypatybe.

Rėmelio ypatybė yra stenografija kitoms atskiroms rėmelio ypatybėms:
  • border-width
  • border-style (reikalingas)
  • border-color


Atsisiųsti kodą  Kodas
border:5px solid red;




Peršokti į forumą:

Pastebejo tema
Skliaustuose rodoma kiek kartų vartotojas pastebėjo tema.

Meniu
Sprendimas
Draugai
   
naujienos
forumas
paieška
taisyklės
kontaktai
webdizainas: ignart0
įgyvendinimas: viprts
lfs.us.lt
cybercs.tt.lt
rank.our.lt
ip.zones.lt
Top Web Rank - Tinklalapiu Topas
Copyright (c) 2011 - 2019
All right reserved.