Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Chandu yadav
Page 21 of 81
Set whether the text should be overridden to support multiple languages with CSS
Use the unicode-bdi property to set whether the text should be overridden to support multiple languages with CSSExample p.demo1 { direction: rtl; unicode-bidi: bidi-override; } p.demo2 { direction: rtl; unicode-bidi: isolate; } The unicode-bidi Property This is demo text. This is demo text This is demo text
Read MoreUsage of CSS grid-auto-rows property
Use the grid-auto-rows property to set size for the rows.ExampleYou can try to run the following code to implement the grid-auto-rows property − .container { display: grid; grid-auto-rows: 50px; grid-gap: 10px; background-color: red; padding: 10px; } .container>div { background-color: yellow; text-align: center; padding:10px 0; font-size: 20px; } 1 2 3 4 5 6
Read MoreSelects every <a> element whose href attribute value contains the substring "java" with CSS
Use the [attribute*=”value”] selector to select elements whose attribute value contains a specified value.You can try to run the following code to implement the CSS [attribute*="value"] selector,Example [href* = java] { border: 5px solid orange; border-radius: 5px; } PHP Tutorial Java Tutorial
Read MoreBreak the line and wrap onto next line with CSS
Use the word-wrap property to break the line and wrap onto next line. You can try to run the following code to implement a word-wrap property in CSSExample div { width: 200px; border: 2px solid #000000; } div.b { word-wrap: break-word; } word-wrap: break-word property ThisisdemotextThisisdemotext: thisisaveryveryveryveryveryverylongword. The long word wraps to the next line. Output
Read MoreAnimated background with CSS
Use the @keyframes to animate. To implement animation on background with CSS, you can try to run the following codeExample div { width: 400px; height: 300px; animation: myanim 3s infinite; } @keyframes myanim { 30% { background: green bottom right/50px 50px; } }
Read MoreSet animation with a slow end using CSS
Use the animation-timing-function property, with the ease-out value to set animation with a slow end with CSSExample div { width: 150px; height: 200px; position: relative; background-color: #808000; animation-name: myanim; animation-duration: 2s; animation-direction: alternate-reverse; animation-iteration-count: 3; } @keyframes myanim { from {left: 100px;} to {left: 200px;} } #demo {animation-timing-function: ease-out;} ease-out effect
Read MoreSelects all elements with CSS
To select all elements, use the * CSS Selector. You can try to run the following code to select all the elements,Example *{ color: blue; background-color: orange; } Demo Website Learning Tutorials on web dev, programming, database, networking, etc. Every tutorials has lessons with illustrations and figures.
Read MorePerform Animation on border-right-width property
To implement animation on border-right-width property with CSS, you can try to run the following codeExample div { width: 500px; height: 300px; background: yellow; border: 15px solid yellow; background-image: url('https://www.tutorialspoint.com/latest/cuda.png'); animation: myanim 3s infinite; background-position: bottom left; background-size: 50px; } @keyframes myanim { 30% { background-color: maroon; border-right-color: red; border-right-width: 25px; } } Performing Animation for border right width
Read MoreWrap the flex items in reverse order with CSS
Use the flex-wrap property with wrap-reverse value to wrap flex-items in reverse order.ExampleYou can try to run the following code to implement the wrap-reverse value .mycontainer { display: flex; background-color: #D35400; flex-wrap: wrap-reverse; } .mycontainer > div { background-color: white; text-align: center; line-height: 40px; font-size: 25px; width: 100px; margin: 5px; } Quiz Ans1 Ans2 Ans3 Ans4 Ans5 Ans6 Ans7 Ans8 Ans9
Read MoreHow do malloc() and free() work in C/C++?
Both malloc() and free() are used to manage memory at runtime. The malloc() is very useful because it allocates memory based on the program needs, while free() releases the memory. But the free() can lead to memory leakage, which is one of its disadvantages. What is malloc()? The function malloc() is used to allocate the requested size of bytes and it returns a pointer to the first byte of allocated memory. It returns null pointer, if it fails. Syntax Following is the basic syntax of malloc(): pointer_name = (cast-type*) malloc(size); Here, pointer_name : Any ...
Read More