Frage Radius für runde Ecken - Wie kann man eckige Ecken machen?

[DualityMind]

Hallo Zusammen

Bin Neu hier und habe gerade eine Frage die mich beschäftigt !

Mit dem Befehl "Radius" kann man runde Ecken machen !

Wie macht man dann "Eckige Ecken" !

Wie z.B. " border-top-right-radius: 0.5em" etc... ! Kann man da vielleicht Minus Werte einfügen oder liege ich da ganz falsch !

Falls nicht, mit welchem Befehl kann ich "Ecken machen" ?

Mit eckigen Ecken sieht es manchmal vorteilhafter aus, als mit abgerunderter Ecken !

Ich hoffe ich nerve euch nicht und hoffe natürlich auf eine Lösung dazu !!!

mfg
Dualitymind

 

[djheke]

border-radius: 10px 0 0 10px

Was eckig sein soll bekommt 0 Pixel

Möchtest du keine rund Ecken, dann brauchst du auch kein border:radius

 

[MrMurphy]

Hallo

Wie macht man dann "Eckige Ecken" !

Mit CSS kannst du nur "normale" eckige Ecken machen.

Du meinst aber wahrscheinlich überspitzte Ecken oder andere Schmuckecken.

Dafür sehe ich aktuell zwei Möglichkeiten:

a) Die CSS-Eigenschaft border-image, die bereits sehr gut von den Browsern unterstützt wird, siehe

http://caniuse.com/#search=border-image

Informationen dazu

http://www.peterkroener.de/schoenes-neues-css-border-image/

oder

https://developer.mozilla.org/de/docs/Web/CSS/border-image

b) Eine SVG (= Vektorgrafik) als Hintergrundbild. Die hat den Vorteil ohne Qualitätsverlust skaliert werden zu können.

Gruss

MrMurphy

 

[SpiceLab]

Wie macht man dann "Eckige Ecken"

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/äußere_Gestaltung/Rahmen

Moderation: Von HTML nach CSS verschoben.