Dotaz: CSS - Úprava tvaru okna

[michal]

Potřebuju pomocí CSS zakulatit pouze dva dolní rohy okna (ne všechny čtyři).

Když dám:

#Window { border-radius: 20px; outline:none; }

zakulatí se všechny čtyři rohy okna.

Jak to udělat, aby se zakulatily jen ty dva dolní rohy okna ? (Jde o CSS v Python skriptu)

---

---

Odpovědi

[Jendа]

Nevím, jestli to jde v Pythonu, ale ve standardním webovém CSS jde ke všem vlastnostem kde to dává smysl napsat dvě (horizontální a vertikální) nebo čtyři (NESW) čísla, takže border-radius: 0px 20px 20px 0px;.

[co da]

https://www.w3schools.com/cssref/css3_pr_border-radius.asp

[michal]

V Pythonu sem vícekrát narazil na to, že některé věci z CSS nefungují.

Tohle tvoje řešení funguje, ale musí se to napsat mírně jinak, asi takhle: border-radius: 0px 0px 20px 20px

Prosím, označte to někdo kompetentní za vyřešené. Dík Jendo.

[Chytrex]

V CSS je nula nulou, neudávají se za ní jednotky. Jen detail. :)

[Josef Kufner]

Není. To jen 'px' je implicitní jednotka. Naopak validátory křičí, když ji vynecháš i u nuly (nebo aspoň tomu tak bývalo). Taky byl kdysi bug ve Firefoxu, kdy 0em způsobovalo zaokrouhlovací chyby, ale 0px fungovalo správně.

[Filip Jirsák]

Dneska naopak validátory křičí, když u nuly jednotka je. A nula podle mne žádnou implicitní jednotku nadefinovanou nemá.

[Josef Kufner]

Dle specifikace je číslo bez jednotky považováno za px. Nula není výjimka. Jestli tam jednotka je či není je tedy čistě kosmetická záležitost a zřejmě i módní trend

[Filip Jirsák]

Dle které specifikace? Podle CSS 2.1 je délka číslo následované jednotkou, u nulové délky je jednotka volitelná. Draft CSS3 to definuje podobně.

[Josef Kufner]

Hm, koukám, že podle žádné. Nicméně prohlížeče se tak chovají (všechny, co jsem viděl).

[kolega]

Bacha. border-radius: Bere prvky z levého horního rohu do levé spodního ve směru hodinových ručiček.