HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

CSS Tip of the day ( TROUBLE )

422422 Developer MVP
edited July 2012 in Feedback

So you wondered what this means : padding:4px 6px 8px 2px; same goes for a few other classes also, aside from shortcutting this... what are the various value identifiers.

Well just remember this little reminder TROUBLE

T=top
R=right
B=bottom
and L = ?? ;) sure you figured it out

There was an error rendering this rich post.

Comments

  • I think of it as clock. (going clockwise). But I like trouble.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • 422422 Developer MVP

    Always been a shortcut I use ( well reminder ) my Son taught it me, ... he just turned a job down with Sitepoint ! He needs his head examining

    There was an error rendering this rich post.

  • ToddTodd Chief Product Officer Vanilla Staff

    Now what's the one for border radius?

  • peregrineperegrine MVP
    edited July 2012

    how to live, to reap, behold reason, beget little people / vivaciously to live, to reap, behold reason, beget little people

    h=Horizontal Radius v=vertical radius

    border-top-left-radius: 10px 5px;
    border-top-right-radius: 11px 4px;
    border-bottom-right-radius:12px 3px;
    border-bottom-left-radius: 14px 2px;

    border-radius: 10px 11px 12px 14px / 5px 4px 3px 2px

    or simply htltrbrbl/vtltrbrbl-expialadocius

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Sign In or Register to comment.