css-snipptes

Table with Border

/* Aussenrand */
table {
border: 1px solid;
border-collapse:collapse; /* verhindert doppelte Ränder */
}
 
/* einfacher Rand in der Tabelle */
td, th {
border: 1px solid;
border-color: black;
}
 
fieldset {
border: 2px solid #C5D8E1;
border-radius: 10px;
background: white;
margin: 0;
width:23rem;
}

legend {
color:red;
}


input:required {
border: solid 2px black;
}
input:invalid {
border: solid 2px red;
}

Fieldset

fieldset {
border: 2px solid #C5D8E1;
border-radius: 10px;
background: white;
margin: 0;
width:23rem;
}

legend {
color:red;
}


input:required {
border: solid 2px black;
}
input:invalid {
border: solid 2px red;
}

required

input:required {
border: solid 2px black;
}

input:invalid {
border: solid 2px red;
}

grid-layout

#wrapperdialog {
/* 2fr 4fr ==> das verhältnis zwischen den Spalten ist 2:4*/
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color:yellow;
}

.column1 {
color:blue;

}

.column2 {
margin-right:5px;
}