How do I remove the border from a text box in CSS?

In Google Chrome browser form controls like , and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don’t like it you can easily remove this by setting their outline property to none .</p> <h2 id="how-do-i-remove-the-border-from-a-text-box">How do I remove the border from a text box?</h2> <p>To remove the border from a text box, follow these steps:</p> <ol> <li>Either click on the border of the text box or position the insertion point within the text box. … </li> <li>Select the Text Box option from the Format menu. … </li> <li>Click on the Colors and Lines tab, if necessary. … </li> <li>In the Color drop-down list, select No Line.</li> <li>Click on OK.</li> </ol> <p>10 сент. 2016 г.</p> <h2 id="how-do-you-turn-off-outline-in-css">How do you turn off outline in CSS?</h2> <p>Using the CSS rule :focus { outline: none; } to remove an outline on an object causes the link or control to be focusable, but removes any visible indication of focus for keyboard users.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/css/you-asked-how-do-i-change-the-first-letter-to-capital-in-css.html" target="_self" rel="nofollow" class="u68137b4763b0d1b8cba5b9f71f3ed712"><style> .u68137b4763b0d1b8cba5b9f71f3ed712 , .u68137b4763b0d1b8cba5b9f71f3ed712 .postImageUrl , .u68137b4763b0d1b8cba5b9f71f3ed712 .centered-text-area { min-height: 80px; position: relative; } .u68137b4763b0d1b8cba5b9f71f3ed712 , .u68137b4763b0d1b8cba5b9f71f3ed712:hover , .u68137b4763b0d1b8cba5b9f71f3ed712:visited , .u68137b4763b0d1b8cba5b9f71f3ed712:active { border:0!important; } .u68137b4763b0d1b8cba5b9f71f3ed712 .clearfix:after { content: ""; display: table; clear: both; } .u68137b4763b0d1b8cba5b9f71f3ed712 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .u68137b4763b0d1b8cba5b9f71f3ed712:active , .u68137b4763b0d1b8cba5b9f71f3ed712:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .u68137b4763b0d1b8cba5b9f71f3ed712 .centered-text-area { width: 100%; position: relative; } .u68137b4763b0d1b8cba5b9f71f3ed712 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u68137b4763b0d1b8cba5b9f71f3ed712 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u68137b4763b0d1b8cba5b9f71f3ed712 .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://html5robot.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u68137b4763b0d1b8cba5b9f71f3ed712:hover .ctaButton { background-color: #F39C12!important; } .u68137b4763b0d1b8cba5b9f71f3ed712 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u68137b4763b0d1b8cba5b9f71f3ed712 .u68137b4763b0d1b8cba5b9f71f3ed712-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u68137b4763b0d1b8cba5b9f71f3ed712:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u68137b4763b0d1b8cba5b9f71f3ed712-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">You asked: How do I change the first letter to capital in CSS?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="how-do-you-make-a-text-box-border-invisible">How do you make a text box border invisible in HTML?</h2> <p>To Hide the Border you can use Javascript. onblur event is what you need, onblur means when you remove focus from this input, either by clicking outside of it, or by pressing TAB to give focus to another element. Then when the user clicks back on it, you can use onfocus .</p> <div style="text-align:center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/SFEkxFXN5v8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="how-do-you-remove-a-border-in-html">How do you remove a border in HTML?</h2> <p>How to remove blue border around hyperlink images</p> <ol> <li>Set border attribute to 0 on the img tag.</li> <li>Set border inline style to 0 on the img tag.</li> <li>Set text-decoration inline style to none on the img tag.</li> <li>Set outline inline style to none on the img tag.</li> </ol> <p>13 мар. 2021 г.</p> <h2 id="how-do-i-make-a-text-box-transparent">How do I make a text box transparent?</h2> <p>Figure 2.</p> <ol> <li>Place your text box, as normal.</li> <li>Right-click on the text box. … </li> <li>Choose Format Shape from the Context menu. … </li> <li>At the left side of the dialog box click Fill. … </li> <li>Use the Transparency slider to adjust how transparent you want the Text Box to be. … </li> <li>At the left side of the dialog box click Line Color.</li> </ol> <p>9 нояб. 2019 г.</p> <h2 id="why-is-there-a-box-around-my-text-in-word">Why is there a box around my text in Word?</h2> <p>The bottom line is that if the Normal style is formatted to have a box around it, then there is a good chance that all your paragraphs will have boxes around them. Check the style formatting and remove any boxes that may be associated with the style, and your problem may be immediately fixed.</p> <h2 id="how-do-i-change-the-color-of-my-outline-in">How do I change the color of my outline in CSS?</h2> <p>CSS Outline Color</p> <ol> <li>CSS Outline Color. The outline-color property is used to set the color of the outline. The color can be set by: name – specify a color name, like “red” … </li> <li>HEX Values. The outline color can also be specified using a hexadecimal value (HEX): Example. p.ex1 { … </li> <li>RGB Values. Or by using RGB values: Example. p.ex1 {</li> </ol> <div style="text-align:center;"><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/css/your-question-is-css-calc-slow.html" target="_self" rel="nofollow" class="ud3cdf3b0e2db415a005adf1278c866a9"><style> .ud3cdf3b0e2db415a005adf1278c866a9 , .ud3cdf3b0e2db415a005adf1278c866a9 .postImageUrl , .ud3cdf3b0e2db415a005adf1278c866a9 .centered-text-area { min-height: 80px; position: relative; } .ud3cdf3b0e2db415a005adf1278c866a9 , .ud3cdf3b0e2db415a005adf1278c866a9:hover , .ud3cdf3b0e2db415a005adf1278c866a9:visited , .ud3cdf3b0e2db415a005adf1278c866a9:active { border:0!important; } .ud3cdf3b0e2db415a005adf1278c866a9 .clearfix:after { content: ""; display: table; clear: both; } .ud3cdf3b0e2db415a005adf1278c866a9 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .ud3cdf3b0e2db415a005adf1278c866a9:active , .ud3cdf3b0e2db415a005adf1278c866a9:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .ud3cdf3b0e2db415a005adf1278c866a9 .centered-text-area { width: 100%; position: relative; } .ud3cdf3b0e2db415a005adf1278c866a9 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ud3cdf3b0e2db415a005adf1278c866a9 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ud3cdf3b0e2db415a005adf1278c866a9 .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://html5robot.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .ud3cdf3b0e2db415a005adf1278c866a9:hover .ctaButton { background-color: #F39C12!important; } .ud3cdf3b0e2db415a005adf1278c866a9 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ud3cdf3b0e2db415a005adf1278c866a9 .ud3cdf3b0e2db415a005adf1278c866a9-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ud3cdf3b0e2db415a005adf1278c866a9:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ud3cdf3b0e2db415a005adf1278c866a9-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Your question: Is CSS calc slow?</span></div></div></div><div class="ctaButton"></div></a></div><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/xRHuNRwzSx4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="how-do-i-make-an-outline-in-css">How do I make an outline in CSS?</h2> <p>The outline-style property specifies the style of the outline, and can have one of the following values:</p> <ol> <li>dotted – Defines a dotted outline.</li> <li>dashed – Defines a dashed outline.</li> <li>solid – Defines a solid outline.</li> <li>double – Defines a double outline.</li> <li>groove – Defines a 3D grooved outline.</li> <li>ridge – Defines a 3D ridged outline.</li> </ol> <h2 id="what-is-outline-property-in-css">What is outline property in CSS?</h2> <p>The outline property in CSS draws a line around the outside of an element. It’s similar to border except that: It always goes around all the sides, you can’t specify particular sides. It’s not a part of the box model, so it won’t affect the position of the element or adjacent elements (nice for debugging!)</p> <h2 id="how-do-i-put-a-border-on-a-none-table">How do I put a border on a none table?</h2> <p>8 Answers. Just collapse the table borders and remove the borders from table cells ( td elements). Without explicitly setting border-collapse cross-browser removal of table cell borders is not guaranteed. The HTML attribute for the purpose is rules=none (to be inserted into the table tag).</p> <h2 id="how-do-i-make-a-table-without-borders-in">How do I make a table without Borders in HTML?</h2> <p>To make an invisible border, set the BORDER attribute to 0. (Although most browsers default to a table border of 0, specifically stating it ensures that the border will be invisible in all browsers.)</p> <div style="text-align:center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/yHtjwK3I4kY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="how-do-i-get-rid-of-borders-on-chrome">How do I get rid of borders on Chrome?</h2> <p>Your Chrome Browser is showing the Green Border s because you have enabled the browsing security through your antivirus software (Mostly Quick Heal). Open your Antivirus Software and Disable the Browser Sandbox. Restart your Chrome. The Green Border will be removed.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/css/where-do-i-put-css-textures.html" target="_self" rel="nofollow" class="uf5c9283971d1b6710c103df6b9468f27"><style> .uf5c9283971d1b6710c103df6b9468f27 , .uf5c9283971d1b6710c103df6b9468f27 .postImageUrl , .uf5c9283971d1b6710c103df6b9468f27 .centered-text-area { min-height: 80px; position: relative; } .uf5c9283971d1b6710c103df6b9468f27 , .uf5c9283971d1b6710c103df6b9468f27:hover , .uf5c9283971d1b6710c103df6b9468f27:visited , .uf5c9283971d1b6710c103df6b9468f27:active { border:0!important; } .uf5c9283971d1b6710c103df6b9468f27 .clearfix:after { content: ""; display: table; clear: both; } .uf5c9283971d1b6710c103df6b9468f27 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .uf5c9283971d1b6710c103df6b9468f27:active , .uf5c9283971d1b6710c103df6b9468f27:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .uf5c9283971d1b6710c103df6b9468f27 .centered-text-area { width: 100%; position: relative; } .uf5c9283971d1b6710c103df6b9468f27 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .uf5c9283971d1b6710c103df6b9468f27 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .uf5c9283971d1b6710c103df6b9468f27 .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://html5robot.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .uf5c9283971d1b6710c103df6b9468f27:hover .ctaButton { background-color: #F39C12!important; } .uf5c9283971d1b6710c103df6b9468f27 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .uf5c9283971d1b6710c103df6b9468f27 .uf5c9283971d1b6710c103df6b9468f27-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .uf5c9283971d1b6710c103df6b9468f27:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="uf5c9283971d1b6710c103df6b9468f27-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Where do I put CSS textures?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="how-do-i-make-a-border-in-html">How do I make a border in HTML?</h2> <p>Style border Property</p> <ol> <li>Add a border to a element: border = “thick solid #0000FF”;</li> <li>Change the width, style and color of the border of a element: border = “thin dotted red”;</li> <li>Return the border property values of a element: border);</li> </ol> <h2 id="how-do-you-add-a-border-to-a-table-in-html">How do you add a border to a table in HTML?</h2> <p>To add a border to your table, you need to define the of your table. Remember to add borders also for </p> <th> and <td> tags to have a complete table. Set the border-collapse property as well (if you don’t define the border-collapse, it will use border-collapse: separate by default).<div class='code-block code-block-5' style='margin: 8px 0; clear: both;'> <div style="margin: 50px 0px 40px; clear: both;"> <div></div> </div></div> </div> </article> <div class="entry-footer"> </div> <div class="b-related"> <div class="b-related__items"> <div id="post-4889" class="post-card post-4889 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/question-can-you-use-pt-in-css.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/question-can-you-use-pt-in-css.html" rel="bookmark" >Question: Can you use PT in CSS?</a></div> </header> <div class="post-card__content"> This unit also varies greatly between different browsers and screens when used in CSS. </div> </div> <div id="post-4890" class="post-card post-4890 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/what-is-modular-css.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/what-is-modular-css.html" rel="bookmark" >What is modular CSS?</a></div> </header> <div class="post-card__content"> Modular CSS is a concept that will help you write more maintainable and readable </div> </div> <div id="post-4891" class="post-card post-4891 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/best-answer-how-do-i-use-custom-css.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/best-answer-how-do-i-use-custom-css.html" rel="bookmark" >Best answer: How do I use custom CSS?</a></div> </header> <div class="post-card__content"> First thing you need to do is install and activate the Simple Custom CSS </div> </div> <div id="post-4892" class="post-card post-4892 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/how-do-i-open-css-files-on-my-laptop.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/how-do-i-open-css-files-on-my-laptop.html" rel="bookmark" >How do I open CSS files on my laptop?</a></div> </header> <div class="post-card__content"> How do I open a CSS file in my browser? Just open the html </div> </div> <div id="post-4893" class="post-card post-4893 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/what-is-difference-between-css-and-pms.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/what-is-difference-between-css-and-pms.html" rel="bookmark" >What is difference between CSS and PMS?</a></div> </header> <div class="post-card__content"> Both look like same, but there is a clear main difference between CSS and </div> </div> <div id="post-4894" class="post-card post-4894 post type-post status-publish format-standard category-css"> <div class="post-card__image"> <a href="https://html5robot.com/css/your-question-where-do-i-put-css-link-in-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>CSS</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/css/your-question-where-do-i-put-css-link-in-html.html" rel="bookmark" >Your question: Where do I put CSS link in HTML?</a></div> </header> <div class="post-card__content"> Where do I put CSS in HTML? CSS can be added to HTML documents </div> </div> </div> </div> <meta itemprop="author" content="SVadmin"> <meta itemprop="datePublished" content="2021-04-06T14:38:43+03:00"/> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://html5robot.com/css/how-do-i-remove-the-border-from-a-text-box-in-css.html" content="How do I remove the border from a text box in CSS?"> <meta itemprop="dateModified" content="2021-04-06"> <meta itemprop="datePublished" content="2021-04-06T14:38:43+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject" style="display: none;"><img itemprop="url image" src="https://html5robot.com/wp-content/uploads/2021/04/logo-2.jpg" alt="HTML5 Robot"></div><meta itemprop="name" content="HTML5 Robot"><meta itemprop="telephone" content="HTML5 Robot"><meta itemprop="address" content="https://html5robot.com"></div> </main> </div> </div> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform_769" action="https://html5robot.com/" class="search-form"> <label class="screen-reader-text" for="s_769">Search: </label> <input type="text" value="" name="s" id="s_769" class="search-form__text"> <button type="submit" id="searchsubmit_769" class="search-form__submit"></button> </form></div><div id="text-5" class="widget widget_text"><div class="widget-header">About the author</div> <div class="textwidget"><p><img loading="lazy" class="size-full wp-image-88 alignleft" src="https://html5robot.com/wp-content/uploads/2021/04/logo-autor.jpg" alt="" width="120" height="120" />Hello, my name is Nicholas. I believe the best way to learn web development is through practice. Therefore, in my blog, I collect articles and lessons for getting to know HTML and CSS.</p> </div> </div><div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-articles"> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/css/how-do-you-make-an-inline-css.html">How do you make an inline CSS?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/how-do-i-float-an-image-to-the-left-in-html.html">How do I float an image to the left in HTML?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/css/you-asked-where-do-you-put-internal-css.html">You asked: Where do you put internal CSS?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/how-do-you-use-frame-tags.html">How do you use frame tags?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/can-i-upload-html-files-to-wordpress.html">Can I upload HTML files to WordPress?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/quick-answer-how-do-you-move-down-in-html.html">Quick Answer: How do you move down in HTML?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/how-do-i-use-mathml-in-html.html">How do I use MathML in HTML?</a></div> </div> </div></div></div><div id="ai_widget-2" class="widget ai_widget"><div class='code-block code-block-1' style='margin: 8px 0; clear: both;'> <div></div> </div> </div> </aside> </div> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-main-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-9254"><a href="https://html5robot.com/css">CSS</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9255"><a href="https://html5robot.com/html">HTML</a></li> </ul></div> </div> </div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <div class="footer-info"> © 2021 HTML5 Robot <div class="footer-text"><p> <a href="https://html5robot.com/contact"> Contacts </a> | <a href="https://html5robot.com/about-us"> About us </a> | <a href="https://html5robot.com/policy"> Privacy Policy & Cookies </a> </p> <p> ATTENTION TO RIGHT HOLDERS! All materials posted on the site are strictly for informational and educational purposes! If you believe that the posting of any material infringes your copyright, be sure to contact us through the contact form and your material will be removed! </p></div> </div> </div> </footer> <button type="button" class="scrolltop js-scrolltop" data-mob="on"></button> </div> <script type="text/javascript">var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(75336235, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/75336235" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script>document.oncopy = function () {var bodyElement = document.body;var selection = getSelection();var link_url = document.URL;var page_link = "<br>Источник: %link%";page_link = page_link.replace("%link%", " " + link_url + " ");var copy_text = selection + page_link;var divElement = document.createElement("div");divElement.style.position="absolute";divElement.style.left="-99999px";bodyElement.appendChild(divElement);divElement.innerHTML = copy_text;selection.selectAllChildren(divElement);window.setTimeout(function() {bodyElement.removeChild(divElement);},0);}</script><script type="text/javascript">!function(t,e){"use strict";function n(){if(!a){a=!0;for(var t=0;t<d.length;t++)d[t].fn.call(window,d[t].ctx);d=[]}}function o(){"complete"===document.readyState&&n()}t=t||"docReady",e=e||window;var d=[],a=!1,c=!1;e[t]=function(t,e){return a?void setTimeout(function(){t(e)},1):(d.push({fn:t,ctx:e}),void("complete"===document.readyState||!document.attachEvent&&"interactive"===document.readyState?setTimeout(n,1):c||(document.addEventListener?(document.addEventListener("DOMContentLoaded",n,!1),window.addEventListener("load",n,!1)):(document.attachEvent("onreadystatechange",o),window.attachEvent("onload",n)),c=!0)))}}("wpBruiserDocReady",window); (function(){var wpbrLoader = (function(){var g=document,b=g.createElement('script'),c=g.scripts[0];b.async=1;b.src='https://html5robot.com/?gdbc-client=3.1.43-'+(new Date()).getTime();c.parentNode.insertBefore(b,c);});wpBruiserDocReady(wpbrLoader);window.onunload=function(){};window.addEventListener('pageshow',function(event){if(event.persisted){(typeof window.WPBruiserClient==='undefined')?wpbrLoader():window.WPBruiserClient.requestTokens();}},false);})(); </script><script src='https://html5robot.com/wp-content/themes/root/js/lightbox.js' id='root-lightbox-js'></script> <script type='text/javascript' id='root-scripts-js-extra'> /* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/html5robot.com\/wp-admin\/admin-ajax.php","nonce":"805dd0345c"}; /* ]]> */ </script> <script src='https://html5robot.com/wp-content/themes/root/js/scripts.min.js' id='root-scripts-js'></script> <script type='text/javascript' id='q2w3_fixed_widget-js-extra'> /* <![CDATA[ */ var q2w3_sidebar_options = [{"sidebar":"sidebar-1","margin_top":10,"margin_bottom":0,"stop_id":"","screen_max_width":0,"screen_max_height":0,"width_inherit":false,"refresh_interval":1500,"window_load_hook":false,"disable_mo_api":false,"widgets":["ai_widget-2"]}]; /* ]]> */ </script> <script src='https://html5robot.com/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js' id='q2w3_fixed_widget-js'></script> </body> </html>