Starting Out with Java: From Control Structures through Objects (7th Edition) (What's New in Computer Science)
7th Edition
ISBN: 9780134802213
Author: Tony Gaddis
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 13, Problem 1AW
Explanation of Solution
Label class and its CSS style properties:
- The type selector for Label is “.label”.
- The CSS style property for Label class in a JavaFX application are
- “-fx-text-alignment” property:
- It is used to describe the control’s text alignment.
- The text alignment can be represented by “left”, “center”, “right” and “justify”.
- “-fx-font-family” property:
- It is used to describe font for the control’s text.
- The font name can be represented by “serif”, “sans-serif”, “cursive”, “fantasy” and “monospace”.
- “-fx-font-size” property:
- It is used to describe the size of control’s text.
- The font size can be a number indicated in points (pt) or pixels (px).
- “-fx-font-style” property:
- It is used to describe the control’s text style.
- The font style can be represented by “normal”, “italic”, and “oblique”.
- “-fx-font-weight” property:
- It is used to describe the weight of control’s text.
- The font weight can be represented by “normal”, “bold”, “bolder”, and “lighter”.
- “-fx-text-fill” property:
- It is used to describe the color of control’s text...
- “-fx-text-alignment” property:
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
CSS
Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…
3- According to HTML code, which color will be the background color of the paragraph that has text "Second Line" in it.
(hint: red+green = yellow, red+blue=purple, red+yellow:orange, green+blue: cyan, blue+red:magenta )
0pacity Example
.red {background-color: red;}
.f-bg {background-color: rgb (255,255,0); }
.f-bg2 {background-color: rgba(255,255, 0,.5);}
.f-bg3 {background-color: rgb(255,255,0); opacity: .4;}
First Line
Second line
Third line
Chapter 13 Solutions
Starting Out with Java: From Control Structures through Objects (7th Edition) (What's New in Computer Science)
Ch. 13.1 - What is the type selector name that corresponds to...Ch. 13.1 - Prob. 13.2CPCh. 13.1 - Prob. 13.3CPCh. 13.1 - Prob. 13.4CPCh. 13.1 - Prob. 13.5CPCh. 13.1 - Prob. 13.6CPCh. 13.1 - Prob. 13.7CPCh. 13.1 - Prob. 13.8CPCh. 13.1 - Prob. 13.9CPCh. 13.1 - Prob. 13.10CP
Ch. 13.1 - Prob. 13.11CPCh. 13.2 - Prob. 13.12CPCh. 13.2 - Prob. 13.13CPCh. 13.2 - Prob. 13.14CPCh. 13.2 - Prob. 13.15CPCh. 13.3 - How do you determine in code whether a CheckBox is...Ch. 13.3 - In code, how do you make a CheckBox appear...Ch. 13.3 - What type of event do CheckBox controls generate...Ch. 13.4 - How do you set the size of a ListView?Ch. 13.4 - Prob. 13.20CPCh. 13.4 - Prob. 13.21CPCh. 13.4 - Prob. 13.22CPCh. 13.4 - How do you set the orientation of a ListView...Ch. 13.5 - Prob. 13.24CPCh. 13.5 - Prob. 13.25CPCh. 13.5 - Prob. 13.26CPCh. 13.5 - Prob. 13.27CPCh. 13.6 - Prob. 13.28CPCh. 13.6 - Prob. 13.29CPCh. 13.6 - Prob. 13.30CPCh. 13.7 - What is the difference between a TextArea and a...Ch. 13.7 - Prob. 13.32CPCh. 13.7 - Prob. 13.33CPCh. 13.7 - Prob. 13.34CPCh. 13.7 - Prob. 13.35CPCh. 13.8 - Briefly describe each of the following menu system...Ch. 13.8 - What class do you use to create a menu bar?Ch. 13.8 - What class do you use to create a menu?Ch. 13.8 - What class do you use to create a menu item?Ch. 13.8 - What class do you use to create a radio menu item?...Ch. 13.8 - How do you create a relationship between radio...Ch. 13.8 - What class do you use to create a check menu item?...Ch. 13.8 - What type of event do menu items generate when...Ch. 13.9 - In what package is the FileChooser class?Ch. 13.9 - Prob. 13.45CPCh. 13.9 - Prob. 13.46CPCh. 13.9 - How do you determine the file that the user...Ch. 13 - When a selector name starts with a period in a...Ch. 13 - Prob. 2MCCh. 13 - Prob. 3MCCh. 13 - Prob. 4MCCh. 13 - Prob. 5MCCh. 13 - In the hexadecimal color value #05AAFF, the AA...Ch. 13 - Prob. 7MCCh. 13 - Prob. 8MCCh. 13 - Prob. 9MCCh. 13 - Prob. 10MCCh. 13 - The __________control presents its items in a...Ch. 13 - Prob. 12MCCh. 13 - A __________ is like a TextField that can accept...Ch. 13 - You use this class to create a menu bar. a....Ch. 13 - Prob. 15MCCh. 13 - True or False: If you make any changes to an...Ch. 13 - Prob. 17TFCh. 13 - Prob. 18TFCh. 13 - Prob. 19TFCh. 13 - Prob. 20TFCh. 13 - Prob. 21TFCh. 13 - Prob. 22TFCh. 13 - True or False: A MenuBar object acts as a...Ch. 13 - True or False: A Menu object cannot contain other...Ch. 13 - Prob. 1FTECh. 13 - Prob. 2FTECh. 13 - Prob. 3FTECh. 13 - Prob. 4FTECh. 13 - Prob. 1AWCh. 13 - Suppose we have a stylesheet named styles.css, and...Ch. 13 - Prob. 3AWCh. 13 - Prob. 4AWCh. 13 - Prob. 5AWCh. 13 - Prob. 6AWCh. 13 - Prob. 7AWCh. 13 - Prob. 8AWCh. 13 - Prob. 9AWCh. 13 - Prob. 10AWCh. 13 - Prob. 11AWCh. 13 - Prob. 12AWCh. 13 - Prob. 13AWCh. 13 - Write the code that creates a menu bar with one...Ch. 13 - Prob. 1SACh. 13 - Prob. 2SACh. 13 - Prob. 3SACh. 13 - Prob. 4SACh. 13 - Prob. 5SACh. 13 - Prob. 6SACh. 13 - Prob. 7SACh. 13 - Prob. 8SACh. 13 - Prob. 9SACh. 13 - Dorm and Meal Plan Calculator A university has the...Ch. 13 - Skateboard Designer The Skate Shop sells the...Ch. 13 - Prob. 3PCCh. 13 - Smartphone Packages Cell Solutions, a cell phone...Ch. 13 - Shopping Cart System Create an application that...
Knowledge Booster
Similar questions
- In Visual Studio Code, I need to be able to enter data into the fields. But if the user hits the submit values button and a field is empty, they get an error message (As in the provided images). The code goes something like this. <html> <head> <title>Week2 GP1 - Michael Porter</title> </head> <body> <form method='POST'> <h3>Enter your name: <input type="text" name="name"></h3> <h3>Enter your date of birth: <input type="text" name="birth"></h3> <h3>Enter your favorite color: <input type="text" name="color"></h3> <h3>Enter your favorite place to visit: <input type="text" name="fav_place"></h3> <h3>Enter your Nickname: <input type="text" name="nickname"></h3> <input type="submit" value="Submit Values"> </form> <?php $name = ''; $birth = ''; $color = '';…arrow_forwardComputer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.arrow_forwardHTML and CSS! Exercise: Create a web page that displays a hyperlink for each subject in your current semester. When the user clicks on a link, he should open the respective topic page.Note: Subject pages can be empty. Use CSS pseudo-classes on hyperlinks.arrow_forward
- When I run this code in HTML, I need it to display an error message for empty fields like in the provided image. <html> <head> <title>Week2 GP1 - Michael Porter</title> </head> <body> <form method='POST'> <h3>Enter your name: <input type="text" name="name"></h3> <h3>Enter your date of birth: <input type="text" name="birth"></h3> <h3>Enter your favorite color: <input type="text" name="color"></h3> <h3>Enter your favorite place to visit: <input type="text" name="fav_place"></h3> <h3>Enter your Nickname: <input type="text" name="nickname"></h3> <input type="submit" value="Submit Values"> </form> <?php $name = ''; $birth = ''; $color = ''; $fav_place = ''; $nickname = ''; if (isset($_POST['name'])) $first_name =…arrow_forwardJavaScript Assignment For this assignment you are only to use external CSS and JavaScript. This assignment shouldhave no templates or frameworks. The Fruits to be used are Apple, Orange, Pear, and Pineapple. Write the code in a way that allows it to pull the images from a folder inside the main folder named “images." The file names are as follows Apple.png, Orange.png, Pear.png, and Pineapple.png. You are to create a child's game. The game will have a title in the head of the boilerplate withyour name. The name of the game will be Fruit Game which will need to be included in theheader of the browser using a h1 element. You will display an image of a fruit. Under the imagethere will be room for text for the name of the fruit but not displayed at the start. You will havefour buttons with names for the fruits available. When the button with the fruit name is clickedthe name of the fruit will appear under the image of the fruit. If the button and the name of thefruit is the same then you…arrow_forwardQ2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…arrow_forward
- <style>body {font-family: Georgia, serif;font-size: 100%;line-height: 175%; margin: 0 15% 0;}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;} a {text-decoration: none;} h1 {font: bold 1.5em "Marko One", Georgia, serif;}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: .5em;text-align: center;}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning, sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;} h2 + p {text-align: center;font-style: italic;} </style> <!DOCTYPE html><html><head><link rel="stylesheet" href="main-styles.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link…arrow_forwardIn html and CSS Create a regular expression that will check whether either 4 words are contained inside a string.arrow_forwardWrite a sample code for The CSS class Selectorarrow_forward
- <style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…arrow_forward<style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…arrow_forwardI'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT