Starting Out with Java: From Control Structures through Data Structures (4th Edition) (What's New in Computer Science)
4th Edition
ISBN: 9780134787961
Author: Tony Gaddis, Godfrey Muganda
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 13, Problem 3AW
Explanation of Solution
CSS style properties:
- The CSS style property 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.
- The font color can be denoted by a hexadecimal code or named code.
- “-fx-text-alignment” property:
Specifying multiple selectors in style definition:
- In the first line of a style definition, the user can lists the multiple selectors separated by commas...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Write a sample code for The CSS id Selector
When a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML?
A) btn-group
B) #btn-group
C) .btn-group
D) :btn-group
<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 {…
Chapter 13 Solutions
Starting Out with Java: From Control Structures through Data Structures (4th 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 - .label { -font-size: 14pt; }Ch. 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 - Assume a JavaFX application has a RadioButton...Ch. 13 - Write code that creates a ListView control named...Ch. 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
- <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_forwardWrite a sample code for The CSS class Selectorarrow_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
- <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_forwardJavascriptarrow_forwardWhile examining a web form and the JavaScript source code for it, you notice that a function that changes the text displayed in one part of the page is being executed every time you type or delete a letter or number in a text entry field labeled “Message,” instead of when you press the Tab key to move to the next form field. You correctly guess that _____. a. the function is being triggered when the form element labeled “Message” loses the focus b. the function must be triggered by a change event because input events do not apply to text entry boxes c. anonchangeevent handler has been applied to the form element labeled “Message” d. an event listener for theinputevent is attached to the form element labeled “Message”arrow_forward
- 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…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 Georgia, serif;text-shadow: .1em .1em .2em gray;}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"><title>About me</title></head><body> <header><h1>Black Goose Bistro • Summer Menu</h1> <div id="info"><p>Baker's Corner, Seekonk,…arrow_forwardIn html and CSS Create a regular expression that will check whether either 4 words are contained inside a string.arrow_forward
- CSSarrow_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_forward3- 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 linearrow_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