Noapaļoti stūri - CSS-triki

Anonim

Standarta:

-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */

Individuālie stūri:

-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 0;

Stenogrāfija:

-moz-border-rādiuss: (augšējā kreisajā pusē) (augšējā labajā pusē) (apakšējā labajā pusē) (apakšējā kreisajā pusē)

-moz-border-radius: 10px 20px 30px 0;

Elipsveida noapaļošana (Firefox 3.5+):

-moz-border-radius-topleft: (horizontāls rādiuss) (vertikāls rādiuss);

-moz-border-radius-topleft: 10px 40px;

Eliptisks noapaļošanas stenogrāfs (Firefox 3.5+):

-moz-robežas-rādiuss: (horizontāls rādiuss) / (vertikāls rādiuss);

-moz-border-radius: 10px / 40px;
-moz-border-radius: 10px 20px 30px 40px / 15px 30px 45px 60px;

Iepriekš ir tas pats, kas:

-moz-border-radius-topleft: 10px 15px; -moz-border-radius-topright: 20px 30px; -moz-border-radius-bottomright: 30px 45px; -moz-border-radius-bottomleft: 40px 60px;

WebKit elipsveida noapaļošana

Visi stūri:

-webkit-border-radius: 36px 12px;

Tikai labie stūri:

-webkit-border-top-right-radius: 50px 30px; -webkit-border-bottom-right-radius: 50px 30px;