CSS Properties

1. How to align the items of the flexible element?

a. How to align content with JavaScript?

b. How to stretch items to fit the container?

c. How to center items at the center of the container?

d. How to flex-start items at the beginning of the container?

e. How to flex-end items at the end of the container?

f. How to set space-between items in between the line?

g. How to set space-around items with space before, between, and after the lines?

h. How to set default value to align content?

2. How to align item?

a. How to align item with JavaScript?

b. How to align item stretch to fit the container?

c. How to align items are positioned at the center of the container?

d. How to align item flex-start at the beginning of the container?

e. How to align item flex-end at the end of the container?

f. How to align item baseline of the container?

g. How to align item set to its default value?

3. How to center the alignments for one of the items inside a flexible element?

a. How to center the alignments for one of the items inside a flexible element with JavaScript?

b. How to align self auto element inherits its parent container's align-items property, or "stretch" if it
has no parent container?

c. How to align self stretch is positioned to fit the container?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to align self element is poitioned at the center of the container?

e. How to align self element is positioned at the beginning of the container?

f. How to align self element is positioned at the end of the container?

g. How to align self element is positioned at the baseline of the container?

h. How to align self sets to its default value?

4. How to bind an animation to a division element?

5. How to animation-delay use, then start the animation?

6. How to animation-direction use, then do the animation backward?

7. How to Specify the duration of an animation takes to complete?

8. How to animate something moving from one place to another and have it stay there?

9. How to play the animation two times?

10. How to Specify the name of the keyframe you want to bind to the selector?

11. How to animation-play-state property specify whether the animation is running or paused?

12. How to play an animation with the same speed from beginning to end?

13. How to visible or hide the backside of a rotated division element?

14. How to set different background properties in one declaration?

15. How to set the background-attachment property whether a background image is fixed or scrolls with the
rest of the page?

16. How to specify the painting area of the background?

17. How to set the background-color of different elements?

18. How to set a background-image for the body element?

19. How to set the background image start from the upper left corner of the content?

a. How to set the background image starts from the upper left corner of the padding edge?

b. How to set the background image starts from the upper left corner of the border?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 c. How to set the background image starts from the upper left corner of the content?

d. How to sets this property to its default value?

20. How to set the position of a background-image?

a. How to set the a background-image in the right-center of a document?

b. How to set the a background-image as horizontal and vertical position in percentage of a document?

c. How to set the a background-image as default position of a document?

d. How to set the a background-image as horizontal and vertical position in pixel of a document?

21. How to repeat background image?

a. How to set the background image will be repeated only vertically?

b. How to set the background image will be repeated only horizontally?

c. How the background-image will not be repeated?

d. How to set repeat property to its default value?

22. How to specify the size of a background image?

a. How to set the background image default value?

b. How to set the width and height of the background image?

c. How to sets the width and height of the background image in percent of the parent element?

d. How to scale the background image to be as large as possible so that the background area is
completely covered by the background image?

e. How to scale the image to the largest size such that both its width and its height can fit inside the
content area?

f. How to sets this property to its initial value?

23. How to sets all the border properties in one declaration?

a. How to specify the width of the border?

b. How to specify the style of the border?[More question]

c. How to specify the color of the border?

24. How to border-style property sets the style of an element?

a. How to specify no border?

b. How to specify a dotted border?

c. How to specify the dashed border?

d. How to specify a solid border?

e. How to specify the double border?

f. How to specify a 3D groove border?

g. How to specify a 3D ridge border?

h. How to specify a 3D inset border?

i. How to specify a 3D outset border?

j. How to specify the hidden border?

k. How to specify border to its default value?

l. How to specify a dotted solid border?

m. How to specify a dotted solid double dashed border?

25. How to sets all the bottom border properties in one declaration?

a. How to specify the color of the bottom border?

b. How to specify that the border bottom color should be transparent?

c. How to set a default bottom border?

d. How to specify the border bottom color is animatable?

26. How to defines the shape of the border of the bottom-left corner?

a. How to defines the shape of the bottom-left corner?

b. How to defines the shape of the bottom-left corner in percentage?

c. How to defines the shape of the bottom-left corner in initial value?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to defines the shape of the bottom-left corner is animatable?

27. How to defines the shape of the border of the bottom-right corner?

a. How to defines the shape of the bottom-right corner?

b. How to defines the shape of the bottom-right corner in percentage?

c. How to defines the shape of the bottom-right corner in initial value?

d. How to defines the shape of the bottom-right corner is animatable?

28. How to set the width of the bottom border?

a. How to specify a medium bottom border?

b. How to specify a thin bottom border?

c. How to specify a thick bottom border?

d. How to define the thickness of the bottom border?

e. How to set the property to its default value?

f. How to set the width of the bottom border animatable?

29. How to set the collapsing borders model for a table?

a. How to keep table border detached?

b. How to collapse table border into a single border?

c. How to set property to its default value border?

30. How to set the color of four borders?

a. How to specify border color?

b. How to specify that the border color should be transparent?

c. How to set property to its default value border?

d. How to set animatable border?

31. How to specify an image as the border around an element?

a. How to set the border to its default value?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 b. How to specify length unit far from the edges the border-image will appear?

c. How to represent multiples of the corresponding border-width?

32. How to set the border-image outside the border edges of an element?

33. How to specify repeat the border image?

a. How to set image is stretched to fill the area?

b. How to image is tiled (repeated) to fill the area?

c. How to set border image repeat property to its default value?

34. How to slice the image specified by border-image-source?

a. How to set the number(s) represent pixels for raster images or coordinates for vector images?

b. How to percentages are relative to the height or width of the image?

c. How to middle part of the image to be displayed?

35. How to specify the border-image-source property is to be used as a border?

36. How to specify the width of the border image?

a. How to specify the size of the border-width?

b. How to represent multiples of the corresponding border-width?

c. How to a refer to the size of the border image area?

d. How to specify intrinsic width or height of the corresponding image slice?

e. How to set initial property to its default value?

37. How to set the style of the left border?

a. How to set the border-left property is animatable?

38. How to set the color of the left border?

a. How to specify the color of the left border?

b. How to specify that the border color should be transparent?

c. How to set initial property to its default value?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to set border-left-color is animatable?

39. How to set the style of the left border?

a. How to specify no left border?

b. How to specify the left hidden border, same as none border?

c. How to specify a left dotted border?

d. How to specify a left dashed border?

e. How to specify a left solid border?

f. How to specify a left double border?

g. How to specify a 3D left grooved border. The effect depends on the border-color value?

h. How to specify a 3D left ridged border. The effect depends on the border-color value?

i. How to specify a 3D left inset border. The effect depends on the border-color value?

j. How to specify a 3D left outset border. The effect depends on the border-color value?

k. How to set the left initial property to its default value?

40. How to set the width of the left border?

a. How to specify a medium left border.?

b. How to specify a thin left border?

c. How to specify a thick left border?

d. How to define the thickness of the left border?

e. How to set initial property to its default value?

f. How to set the border-left-width animatable?

41. How to set the rounded border to an element?

a. How to define the shape of the corner?

b. How to define the shape of the corners in percentage?

c. How to set initial property to its default value?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to set the border radius animatable?

42. How to set the style of the right border?

a. How to set the border-right property is animatable?

43. How to set the color of the right border?

a. How to specify the color of the right border?

b. How to specify that the border color should be transparent?

c. How to set border right color property to its default value?

d. How to set border-right-color is animatable?

44. How to set the style of the right border?

a. How to specify no right border?

b. How to specify the right hidden border, same as none border?

c. How to specify a right dotted border?

d. How to specify a right dashed border?

e. How to specify a right solid border?

f. How to specify a right double border?

g. How to specify a 3D right grooved border. The effect depends on the border-color value?

h. How to specify a 3D right ridged border. The effect depends on the border-color value?

i. How to specify a 3D right inset border. The effect depends on the border-color value?

j. How to specify a 3D right outset border. The effect depends on the border-color value?

k. How to set the right initial property to its default value?

45. How to set the width of the right border?

a. How to specify a medium right border.?

b. How to specify a thin right border?

c. How to specify a thick right border?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to define the thickness of the right border?

e. How to set initial property to its default value?

f. How to set the border-right-width animatable?

46. How to set the border-spacing for a table?

a. How to specify the distance between the borders of adjacent?

b. How to set initial spacing property to its default value?

c. How to border-spaciing is animatable?

47. How to set the style of the top border?

a. How to set the border-top property is animatable?

48. How to set the color of the top border?

a. How to specify the color of the top border?

b. How to specify that the border color should be transparent?

c. How to set border top color property to its default value?

d. How to set border-top-color is animatable?

49. How to set a rounded border to the top-left corner of a division element?

a. How to define the shape of top-left-radius-length corner?

b. How to define the shape of the top-left corner in percentage?

c. How to set top-left-radius-initial property to its default value?

d. How to set the border top-left radius is animatable?

50. How to set a rounded border to the top-right corner of a division element?

a. How to define the shape of top-left-radius-length corner?

b. How to define the shape of the top-left corner in percentage?

c. How to set top-left-radius-initial property to its default value?

d. How to set the border top-left radius is animatable?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
51. How to set the style of the top border?

a. How to specify no top border?

b. How to specify a dotted top border?

c. How to specify the dashed top border?

d. How to specify a solid top border?

e. How to specify the double top border?

f. How to specify a 3D groove top border?

g. How to specify a 3D ridge top border?

h. How to specify a 3D inset top border?

i. How to specify a 3D outset top border?

j. How to specify the hidden top border?

k. How to specify top border to its default value?

52. How to set the width of the top border?

a. How to specify a medium top border?

b. How to specify a thin top border?

c. How to specify a thick top border?

d. How to define the thickness of the top border?

e. How to set initial property to its default value?

f. How to set the border-top-width animatable?

53. How to set the width of the four borders?

a. How to specify a medium top border?

b. How to specify a thin top border?

c. How to specify a thick top border?

d. How to define the thickness of the top border?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 e. How to set initial property to its default value?

f. How to set the border-top-width animatable?

54. How to set the bottom edge of the absolute position?

a. How to set default bottom adge position?

b. How to set the bottom edge position in pixel?

c. How to set the bottom edge position in percentage?

d. How to set initial property to its default value?

e. How bottom property is animatable?

55. How to set box-shadow of a division element?

a. How no shadow apply in the element?

b. How to set the position of the horizontal shadow?

c. How to set the position of the vertical shadow?

d. How to set the blur distance?

e. How spread the size of shadow?

f. How set the color of shadow?

g. How set the inset shadow?

h. How set initial property to its default value shadow?

i. How set the box-shadow property is animatable?

56. How to specify that division elements should have padding and border included in the element?

57. How to specify the placement of a table caption?

a. How to put the caption above the table?

b. How to put the caption below the table?

c. How to set initial property to its default value?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
58. How to prevent any element to be floated on the left or right side of paragraph element?

a. How to prevent any element to be floated on the left side of paragraph element?

b. How to prevent any element to be floated on the right side of paragraph element?

c. How to prevent any element to be floated on the left or right both side of paragraph element?

59. How to set the text-color for different elements?

a. How to specify the text color?

b. How to set color initial property to its default value?

c. How to color property is animatable?

60. How to divide the text in the division element into two columns?

a. How to specify the text color?

b. How to set color initial property to its default value?

c. How to color property is animatable?

61. How to fills CSS columns?

62. How to set column-gap property to its default value?

a. How to specify length that will set the gap between the columns?

b. How to specify a normal gap between the columns?

c. How to set column gap property to its default value?

63. How to specify the width, style, and color of the rule between columns?

64. How to specify the color of the rule between columns?

a. How to set column-rule-color initial property to its default value?

65. How to specify the style of the rule between columns?

a. How to defines no rule?

b. How to defines a hidden rule?

c. How to defines a dotted rule?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 d. How to defines a dashed rule?

e. How to defines a solid rule?

f. How to defines a double rule?

g. How to specify a 3D grooved rule?

h. How to specify a 3D ridged rule?

i. How to specify a 3D inset rule?

j. How to specify a 3D outset rule?

k. How to set column rule style initial property to its default value?

66. How to specify the width of the rule between columns?

a. How to defines a medium rule?

b. How to defines a thin rule?

c. How to defines a thick rule?

d. How to specify the width of the rule?

e. How to set column-rule-width initial property to its default value?

67. How heading2 element span across all columns?

a. How to make an element span across one column only?

b. How to make element span across all columns?

c. How to make column-span initial property to its default value?

68. How to specify the optimal width for the columns?

a. How to let the column width be determined by the browser?

b. How to specify the width of the columns?

c. How to set the column-width to its default value?

69. How to specify the width and number of columns?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
70. How to content property is used with the :after?

a. How to set the content, if specified, to normal?

b. How to set the content, if specified, to nothing?

c. How to set the content as a counter?

d. How to set the content as one of the selector's attribute?

e. How to set the content to the text you specified?

f. How to set the content to be an opening quote?

g. How to set the content to be a closing quote?

h. How to removes the opening quote from the content, if specified?

i. How to removes the closing quote from the content, if specified?

j. How to set the content to be some kind of media?

k. How to set the content property to its default value?

71. How to set a number sections and sub-sections with Section?

72. How to make counter-reset property creates or resets one or more counters?

73. How to display different type of cursor?

a. How to set the cursor so that it indicates an alias of something is to be created?

b. How to cursor so that it indicates that something can be scrolled in any direction?

c. How to let the browser set a cursor?

d. How to set the cursor so that it indicates that a cell may be selected?

e. How to set the cursor so that it indicates that a context-menu is available?

f. How to set the cursor so that it indicates that the column can be resized horizontally?

g. How to set the cursor so that it indicates something is to be copied?

h. How to the cursor so that it is rendered as a crosshair?

i. How to set the default cursor?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
j. How to set the cursor so that it indicates that an edge of a box is to be moved right?

k. How to set a bidirectional resize cursor?

l. How to set the cursor so that indicates that something can be grabbed using grab?

m. How to set the cursor so that it indicates that something can be grabbed using grabbing?

n. How to set the so that it cursor indicates that help is available?

o. How to set the cursor so that it indicates something is to be moved?

p. How to the set cursor so that it indicates that an edge of a box is to be moved up north?

q. How to the cursor so that it indicates that an edge of a box is to be moved up and right ?

r. . How to set the cursor so that it indicates a bidirectional resize cursor using nesw-resize?

s. How to set the cursor so that it indicates a bidirectional resize cursor using ns-resize?

t. How to set the cursor so that it indicates that an edge of a box is to be moved up and left
(north/west)?

u. How to set the cursor so that it indicates a bidirectional resize cursor using nwse-resize?

v. How to set the cursor so it indicates that the dragged item cannot be dropped here?

w. How to let no cursor be rendered for the element?

x. How to set the cursor so that it indicates that the requested action will not be executed?

y. How to set the cursor as a pointer and indicates a link?

z. How to set the cursor so that it indicates that the program is busy?

aa. How to set the cursor so that it indicates that the row can be resized vertically?

bb. How to set the cursor so that it indicates that an edge of a box is to be moved down?

cc. How to set the cursor so that it indicates that an edge of a box is to be moved down and right?

dd. How to set the cursor so that it indicates that an edge of a box is to be moved down and left?

ee. How to set the cursor so that it indicates text that may be selected?

ff. How to create a custom cursor by means of a comma separated list of URLs?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
 gg. . How to set the cursor so that it indicates vertical-text that may be selected?

hh. How to set the cursor so that it indicates that an edge of a box is to be moved left?

ii. How to set the cursor is indicated that the program is busy?

jj. How to set the cursor so that it indicates that something can be zoomed in?

kk. How to set cursor so that it indicates that something can be zoomed out?

ll. How to make cursor initial property use to its default value?

74. How to set the text direction to "right-to-left"?

75. How to display paragraph elements as inline elements?

76. How to hide border and background on empty cells in a table?

77. How to change the color of an image to black and white?

78. How the flexible items be the same length, regardless of its content?

79. How to flex-basis property specifies the initial length of a flexible item?

80. How to set the direction of the flexible items inside the division element in reverse order?

81. How to make the flexible items display in reverse order, and wrap if necessary?

82. How to the second flex-item grow three times wider than the rest?

83. How to the second flex-item shrink three times more than the rest?

84. How to make the flexible items wrap if necessary?

85. How to the second flex-item shrink three times more than the rest?

86. How to specify all the font properties in one declaration?

87. How to specify a font named and URL where it can be found?

88. How to specify the font for a paragraph?

89. How to set the font size for different HTML elements?

90. How to specify the font-size-adjust property?

91. How to make the text in all division elements wider?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
92. How to the font-style property specify the font style for a text?

93. How to set a paragraph to a small-caps font?

94. How to set different font weight for the paragraphs?

95. How to use grid element using the grid auto placement rules?

96. How to set the height and width of a paragraph?

97. How to make some space around the items of the flexible division element?

98. How to make an element move gradually down?

99. How to set the left edge of the absolute positioned of division element to the right of the left edge of its
nearest positioned ancestor?

100. How to set the letter spacing for heading elements?

101. How to set the line height in percent?

102. How to specify all the list properties in one declaration?

103. How to specify an image as the list-item marker in a list?

104. How to specify that the list-item markers should appear inside the content flow?

105. How to set the different type list style?

106. How to set margins of a paragraph element?

107. How to set the bottom margin for a paragraph element?

108. How to set the left margin for a paragraph element?

109. How to set the right margin for a paragraph element?

110. How to set the top margin for a paragraph element?

111. How to set the maximum height of a paragraph element?

112. How to set the maximum width of a paragraph element?

113. How to change the background-color if the viewport is 400 pixels wider?

114. How to set the minimum height of a paragraph element?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
115. How to set the minimum width of a paragraph element?

116. How to specify where to navigate when using the arrow keys?

117. How to set the opacity level for a division element?

118. How to set the order of the flexible items?

119. How to set the outline around a paragraph element?

120. How to set the color of a dotted outline?

121. How to specify an outline 10px outside the border edge?

122. How to set the style of an outline?

123. How to set the width of an outline?

124. How to set the overflow property to scroll?

125. How should cause a scrolling mechanism to be provided for overflowing boxes?

126. How the content is not clipped, and it may be rendered outside the content box?

127. How to set the padding of a paragraph element?

128. How to set the bottom padding for a paragraph element?

129. How to set the left padding for a paragraph element?

130. How to set the right padding for a paragraph element?

131. How to set the top padding for a paragraph element?

132. How to insert a page break after each footer element?

133. How to set the perspective from where an element is viewed?

134. How to set a 3D element's base placement?

135. How to set position an heading-2 element?

136. How to specify the quotation marks for quotations?

137. How to specify that a division element should be resizable by the user?

138. How to set the right edge of the absolute position of division element?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
139. How to set the tab-size of a paragraph element?

140. How to set the table layout algorithm?

141. How to set the text alignment for elements?

142. How to align the last line of a paragraph element to the right?

143. How to set the text decoration for heading elements?

144. How to set indent of the first line of all paragraph elements?

145. How to set justify property in the paragraph elements?

146. How to use text-overflow property?

147. How to add shadow to text?

148. How to change cases of text in paragraphs?

149. How to place an element at a certain distance from the top of the document?

150. How to rotate an element using CSS?

151. How to set a rotated element's base placement?

152. How to transformed child elements preserve the 3D transformations?

153. How hover over a division element to gradually change the width?

154. How to specify the number of seconds or milliseconds to wait before the transition effect will start?

155. How to set the transition effect last for 5 seconds?

156. How to transition-property effect, when a user hover over the element?

157. How transition-timing-function property specify the speed from start to end?

158. How unicode-bidi property is used?

159. How to set vertical-align property of an element?

160. How to set visibility property of an element?

161. How is white-space property is used to handle inside an element?

162. How to specify the width of the content area of an element?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com
163. How to specify the word-break property to allow words to be continued to the next line?

164. How to specify the space between words in paragraph element?

165. How word-warp property allows long words to be able to be broken and wrap onto the next line?

166. How z-index property specify the z-order of an element?

NYN Arcade, 3rd Floor Lumbini Society, Off. Hitech City Main Rd, Gachibowli, Telangana-500032.
www.the-info-matrix.com