Autor Zpráva
Dan5505
Profil *
zdravím,
Jakej je rozdíl mezi tímto zápisem paddingu:
#text {
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 35px;
}

a tímto zápisem paddingu:
#text {
  padding: 25px 15px 35px 10px;
}

je v tom vůbec nějáký rozdíl(podpora prohlížeči, chování)?
Nox
Profil
není
Camo
Profil
Dan5505:
Ten prvý je evidentne dlhší, ale keď chceš nastaviť len jeden pdding, tak je kratší, ten prvý.
Miloš
Profil
Padding (stejně jako margin) můžeš jednak rozložit na jednotlivé definice pro každou stranu zvlášť, nebo všechny zapsat pohromadě. Hromadný zápis je stručnější a pokud si na něj zvykneš, přehlednější.

Rovněž tak ale můžeš zestručnět hromadný zápis v případě, že jsou některé údaje shodné. Jako se u „čtyřzápisu“ postupuje po směru hodinových ručiček:
{ padding: top right bottom left;}
v případě třech hodnot je to { padding: top right=left bottom ;}
v případě dvou hodnot je to { padding: top=bottom right=left;}
a v případě jedné hodnoty mají všechny 4 strany stejnou hodnotu.
habendorf
Profil
Miloš:
Padding (stejně jako margin)

Stejně jako border.
Bubák
Profil
Když už je to nakousnuté, tak ještě -cosi-border-radius.
Koukám, WebKit je pokažený, když zadám v Chrome tři hodnoty, tak nic nezakulatí a Safari zakukatí jen při jedné hodnotě.
Camo
Profil
Bubák:
Ako ako ?
Kde je to presnejšie popísané?
A pre ktoré prehliadače to funguje?
Miloš
Profil
border-radius totiž pokud vím po třech nelze definovat.
Google knihy:
Zaoblení rohů definuje skupina vlastností border-radius. Můžeme jim zadat jednu nebo dvě délkové hodnoty. Pokud jsou zadány hodnoty dvě, první určuje poloměr elipsy k horní (dolní) vnější hraně rámečku, druhá poloměr elipsy k pravé (levé) vnější hraně rámečku. Je-li zadána pouze jedna hodnota, nejde o elipsu, ale o kružnici. Záporné hodnoty nejsou povoleny.
Sdružená vlastnost border-radius definuje všechny čtyři okraje současně. Kromě toho lze používat čtyři vlastnosti, specificky ovlivňující jeden konkrétně určený roh – border-top-right-radius (horní-pravý), border-bottom-right-radius (dolní pravý), border-bottom-left-radius (dolní levý) a border-top-left-radius (horní levý).
Současné verze Mozilly sice vlastnost border-radius přímo nepodporují, ale jako zkušební mají vlastnost -moz-border-radius se stejným použitím.
Problematičtější jsou podvlastnosti zaoblení jednotlivých rohů, které se v Mozille píší bez pomlčky(*), navíc s přehozenými slovy. Například border-top-left-radius (CSS 3) = -moz-border-radius-topleft (Mozilla).


(*) Tady bych doplnil, že se bez pomlčky (n-dash či m-dash) píší všechny. To, co se tu nazývá pomlčkou, není pomlčka, nýbrž spojovník.
Bubák
Profil
Miloš:
Díky, Chrome se chová podle Google knihy.
Podle CSS 3 to má být jinak:
The ‘border-radius’ shorthand sets all four ‘border-*-radius’ properties. If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.

Zkrácený zápis ’border-radius’ nastaví všechny čtyři 'border-radius-vlastnost'. Pokud se hodnoty jsou uvedeny před a za lomítkem, pak hodnoty před lomítkem nastaví horizontální poloměr, hodnoty, za lomítkem nastaví vertikální poloměr. Neexistuje-li lomítko, pak jsou hodnoty stanovené oba poloměry shodné. Čtyři hodnoty pro jednotlivé poloměry jsou uvedeny v pořadí, top-left, top-right, bottom-right, bottom-left. Je-li bottom-left-li vynechán, je stejný jako top-right. Je-li bottom-right-li vynechán, je stejný jako top-left. Je-li top-right je vynechán, je stejný jako top-left.

Je mi jasné, že specifikace se vyvíjí a že vlastnosti s vendor prefixem se mohou chovat odlišně.

Camo:
Kde je to presnejšie popísané?
A pre ktoré prehliadače to funguje?
www.css3.info/preview/rounded-border/
www.css3.info/border-radius-apple-vs-mozilla/
www.css3.info/a-border-radius-solution/
Chamurappi
Profil
Reaguji na Miloše:
Google knihy
Upřesním, že zdrojem není Google kniha, ale kniha „CSS - kaskádové styly: praktický manuál“ z roku 2006. Její autor patrně vycházel z návrhu z roku 2005. Ani teď není nic definitivního, je to pořád „W3C Working Draft“, takže i dnes mohou vycházet knihy psané v budoucím čase, jejichž informace zastarají dříve, než se stanou aktuálními :-)
Camo
Profil
Koľko bude asi trvať, než to bude normálne podporovaná vlastnosť?
Bubák
Profil
Až zmizí IE8.
Plaváček
Profil
Camo:

Při troše štěstí tak za pět let, plus mínus.
Camo
Profil
Tak to bude akurát, keď zo mňa snáď už bude webdizajnér.
Len to už budú Wysiwygi na takej úrovni, že webdizajnérov už nebude nikto potrebovať. Už mi zostáva len to php.
Railbot
Profil
Camo:
Len to už budú Wysiwygi na takej úrovni, že webdizajnérov už nebude nikto potrebovať.
To je hodně utopická předzvěst.
Camo
Profil
Railbot:
Určite?
Chamurappi
Profil
Reaguji na Cama:
Možná spíš dystopická.
Úroveň WYSIWYG editorů nijak znatelně neroste.
Camo
Profil
Chamurappi:
To ma len teší.
Veď by som prišiel o prácu. V poslednom čase prehodnocujem postoj ku slovu FREE. Ale Gimp, FF, PSPad, OO, ..... Aký je váš postoj. A sory za tú distopickosť, ja inak nemôžem.
panther
Profil
Camo:
V poslednom čase prehodnocujem postoj ku slovu FREE.
jak přehodnocuješ?

Ale Gimp, FF, PSPad, OO
co s nimi? Například PSPad je Free, ale většina placených konkurentů zaostává.

Ale popravdě řečeno, nějak mi utekl smysl tvé otázky. Co se snažíš zjistit/vypozorovat?
Chamurappi
Profil
Reaguji na Cama:
Aký je váš postoj
Nerozumím otázce. Jak souvisí s paddingem?

A sory za tú distopickosť, ja inak nemôžem.
Asi jsem nepochopil, za co se omlouváš (dystopie je opakem utopie), ale věz, že tohle breptání mimo téma právě skončilo.
Camo
Profil
panther:
Pointou bolo: ,,by som prišiel o prácu,, a v náväznosti na to ma napadla dilema s free softvérom.


Chamurappi:
Tak kým sa ešte dá tak:
Som tú distopickosť pochopil ako dis-TOPICK-osť. Teda off topic.
No a Chamurapi, niekedy si tak .... nechápavý, až to bolí!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: