HomeОбразованиеRelated VideosMore From: Chidre'sTechTutorials

CSS video tutorial - 69 - calculating HTML element's actual width & height

37 ratings | 1039 views
CSS Box Model - Part 2 Calculating actual width and actual height of an HTML element: HTML element's actual width: is the amount of space occupied by an HTML element horizontally actual width of an HTML element = content width + left padding + right padding + left border + right border + left margin + right margin HTML element's actual height: is the amount of space occupied by an HTML element vertically actual height of an HTML element = content height + top padding + bottom padding + top border + bottom border + top margin + bottom margin ======================================================== Follow the link for next video: https://youtu.be/x3YGSYVUSzI Follow the link for previous video: https://youtu.be/k7D-IVVFZJU ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== ========================================================
Html code for embedding videos on your blog
Text Comments (10)
Chidre'sTechTutorials (1 month ago)
Chidre's Tech Tutorials - Best Educational YouTube channel VISION: Helping students around the world to learn at free of cost WEBSITE: ​https://www.chidrestechtutorials.com SUBSCRIBE: https://www.youtube.com/chidrestechtutorials
Janakiramireddi Koki (12 days ago)
If i use bootstrap then it is taking padding inside of the element (sharing the width and height to padding). can u exaplain the reason??
Chidre'sTechTutorials (11 days ago)
Bootstrap is using CSS flexbox grid system method. I suggest you to do a small research on CSS flexbox layout. You get the answer.
Simone Ferrari (1 month ago)
You are the best of teacher who I have met so far, and trust me I watched thousands of tutorial about coding.  Keep teaching please.
Chidre'sTechTutorials (1 month ago)
I am dedicating my life for teaching students at free of cost. Will definitely do all possible things. Thank you so much for your positive comment and time. Keep learning, keep coding & keep sharing !!!
ThreePole Soft (3 months ago)
Nice
Chidre'sTechTutorials (2 months ago)
Thank you so much. Follow the below link for all my web technology video tutorials and share to help others: https://www.youtube.com/channel/UC3Bdolw5nlwMSBa3sex6R4g/playlists?view=50&shelf_id=28&sort=dd
Sivasankar Vidyasagar (4 months ago)
Dear Mr Majunath, My respect and admiration goes up with each of your wonderful tutorials. I have seen many videos of HTML and CSS by foreign and Indian teachers. But let me tell you and all those who watch your tutorials that none explained the concept of Content Area, Padding, Border and Margin the way you explained by taking two Divs. My only suggestion is learners relate better to terms like Div # cyan in stead of Div#div1 and Div#magenta in stead of Div#div2. There is a possibility for beginners to get confused with terms like Div1 and Div2. Just a suggestion. I am sure you are receiving many suggestions from many of us. It may not be possible for you to incorporate all these suggestions. Thank you so much to make us beginners to learn HTML and CSS. God Bless You with Long Life and Good Health. warm regards, Brig CS Vidyasagar (Retd), 040-48540895
Chidre'sTechTutorials (4 months ago)
Sure Sir. Thank you.
MD MOMIN ULLAH (10 months ago)
My master, Great tutorial for new developers :) You are great teacher. I understand it very clearly :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.