Magento Expert Forum - Improve your Magento experience

Results 1 to 8 of 8

Box sizing properties in css. ??

  1. #1

  2. #2

  3. #3
    Junior Member
    Join Date
    Aug 2016
    Posts
    41
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    The box-sizing property in CSS is used to tell the browser what the sizing properties (width and height) should include.

    Syntax of Box-Sizing property in CSS as-

    box-sizing: content-box|border-box|initial|inherit;

  4. #4
    Junior Member
    Join Date
    Oct 2016
    Posts
    728
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    The box-sizing property is used to alter the default CSS box model used to calculate width and height of the elements.

    The box-sizing property can make building CSS layouts easier and a lot more intuitive. With box-sizing: border-box;, we can change the box model to what was once the "quirky" way, where an element's specified width and height aren't affected by padding or borders. This has proven so useful in responsive design that it's found its way into reset styles.

  5. #5
    Junior Member
    Join Date
    Dec 2016
    Posts
    77
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Here is something I think you really need to know:
    css-tricks.com/almanac/properties/b/box-sizing/

  6. The Following User Says Thank You to luffy268 For This Useful Post:

    soctrang (23-05-2017)

  7. #6
    Junior Member
    Join Date
    Oct 2016
    Posts
    728
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Box-sizing is a CSS property that makes CSS layouts work intuitively. It is used to change the height and width of element.
    For more details visit here: https://www.tutorialspoint.com/css/css3_box_sizing.htm

  8. #7
    Junior Member
    Join Date
    Sep 2018
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi Everyone...

    The box-sizing property can be used to adjust this behavior: content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width

    Thanks.

  9. #8
    Junior Member
    Join Date
    Aug 2018
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    There are a lot of box sizing properties in CSS. To name some box-sizing: content-box|border-box|initial|inherit . You can learn all about these properties and more on W3School website.




    ---------------------------------------------------------
    https://www.netguru.co

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •